[解決済み] Angular - "has no exported member 'Observable'" エクスポートされたメンバーがありません。

質問

タイプスクリプトのコードです。

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of';
import { Hero } from './hero';
import { HEROES } from './mock-heroes';

@Injectable({
  providedIn: 'root'
})
export class HeroService {

  constructor() { }

  getHeroes(): Observable<Hero[]> {
    return of(HEROES);
  }

}

エラー情報を表示します。

error TS2307: Cannot find module 'rxjs-compat/Observable'. node_modules/rxjs/observable/of.d.ts(1,15): error TS2307: Cannot find モジュール 'rxjs-compat/observable/of'. src/app/hero.service.ts(2,10): エラー TS2305：モジュール '"F:/angular-tour-of-heroes/node_modules/rxjs/Observable"' は、ありません。 エクスポートされたメンバー 'Observable' src/app/hero.service.ts(15,12): エラーが発生しました。 TS2304：名前 'of' が見つかりません。

package.json ファイルを Angular のバージョンと一緒に保存します。

<イグ

どのように解決するのか？

元のコードを import { Observable, of } from 'rxjs' で、問題は解決します。