Не могу разрешить зависимости в Angular 6

Question

Я пытаюсь создать небольшое CRUD-приложение Mean-Stack.Я использую последний CLI и Angular 6

. Для этого я создал служебный файл, который импортирует модель, пока что ничего особенного ..

, но когда он пытается скомпилироваться сейчас, он даетя:

ERROR in ./src/app/common/share.service.ts
Module not found: Error: Can't resolve 'rxjs/add/operator/map' in 'C:\Users\Thorben\Desktop\FrameworksExam\Tut\client\src\app\common'
ERROR in ./src/app/common/share.service.ts
Module not found: Error: Can't resolve 'rxjs/add/operator/toPromise' in 'C:\Users\Thorben\Desktop\FrameworksExam\Tut\client\src\app\common'
i ｢wdm｣: Failed to compile.
ERROR in node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Observable'.
src/app/common/share.service.ts(3,10): error TS2305: Module '"C:/Users/Thorben/Desktop/FrameworksExam/Tut/client/node_modules/rxjs/Observable"' has no exported member 'Ob
servable'.

мой файл выглядит следующим образом:

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';

import { Share } from './share.model';

@Injectable()
export class ShareService {
  selectedShare: Share;
  shares: Share[];
  readonly baseURL = 'http://localhost:3000/shares';

  constructor(private http: HttpClient) { }

  createShare(share: Share) {
    return this.http.post(this.baseURL, share);
  }

  getShareList() {
    return this.http.get(this.baseURL);
  }

  updateShare(share: Share) {
    return this.http.put(this.baseURL + `/${share._id}`, share);
  }

  deleteShare(_id: string) {
    return this.http.delete(this.baseURL + `/${_id}`);
  }

}

Неправильно ли я ввожу его или в чем проблема в этом: (

Answer 1

В Angular 6.0 существует некоторая разница в синтаксисе импорта.Вы можете увидеть здесь