Angular-「エクスポートされたメンバー 'Observable'はありません」

Typescriptコード：

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);
  }

}

エラー情報：

エラーTS2307：モジュール 'rxjs-compat / Observable'が見つかりません。node_modules / rxjs / observable / of.d.ts（1,15）：エラーTS2307：モジュール「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バージョンのファイル：

詳細については、Angular 6で役立つ可能性があります。このドキュメントを参照してください。

1. rxjs：作成方法、タイプ、スケジューラー、およびユーティリティー

import {Observable、Subject、asapScheduler、pipe、of、from、interval、merge、fromEvent} from 'rxjs';

2. rxjs / operators：すべてのパイプ可能な演算子：

'rxjs / operators'から{マップ、フィルター、スキャン}をインポートします。

3. rxjs / webSocket： Webソケットのサブジェクトの実装

'rxjs / webSocket'から{webSocket}をインポートします。

4. rxjs / ajax：Rx ajax実装

'rxjs / ajax'から{ajax}をインポートします。

5. rxjs / testing：テストユーティリティ

'rxjs / testing'から{TestScheduler}をインポートします。

どうやら（エラーログで指摘したように）、Angular 6.0.0に更新した後、rxjs-compatが見つかりません。

実行npm install rxjs-compat --saveしてインストールします。修正する必要があります。

ちょうど置く：

import { Observable} from 'rxjs';

そのように。多かれ少なかれ何もない。

元のコードをに置き換えたところimport { Observable, of } from 'rxjs'、問題は解決しました。

RxJS 6を使用しています。

import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of';

沿って

import { Observable, of } from 'rxjs';

これを試して：

npm install rxjs-compat --save

私を助けたのは：

1. 古いインポートパスをすべて削除し、次のように新しいパスに置き換えます。

   import { Observable , BehaviorSubject } from 'rxjs';)

2. node_modulesフォルダを 削除

3. npm cache verify
4. npm install

同様の問題がありました。RXJSを6.xから最新の5.xリリースに逆回転すると、Angular 5.2.xで修正されました。

package.jsonを開きます。

変更"rxjs": "^6.0.0",へ"rxjs": "^5.5.10",

走る npm update

/Observableから削除する'rxjs/Observable';

その後、Cannot find module 'rxjs-compat/Observable'単にターミナルの下にある行の下に置いて、Enter キーを押してください。

npm install --save rxjs-compat

私の解決策は次のインポートを追加することでした： import { of } from 'rxjs/observable/of';

したがって、変更後のhero.service.tsの全体的なコードは次のとおりです。

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

@Injectable()
export class HeroService {

  constructor() { }

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

angular-splitコンポーネントは、そのアプリケーション内の依存関係以下の角度6と互換性を持たせるインストールするには、角度6でサポートされていません。

更新されるまでこれを機能させるには、以下を使用します。

"dependencies": {
"angular-split": "1.0.0-rc.3",
"rxjs": "^6.2.2",
    "rxjs-compat": "^6.2.2",
}

私の場合、コンピューターに古いバージョンのng cliがあったため、このエラーが発生していました。

実行後に問題は解決しました：

ng update

ng update @angular/cli

angular-in-memory-web-apiバージョンを更新します。チュートリアルangular-tour-of-heroesでインストールされたデフォルトのangular-in-memory-web-apiバージョンは0.4でした。私の場合、それは魅力のように機能しました。（RxJS 6でAngular 7を使用）

npm i angular-in-memory-web-api@0.8.0

使用する return Observable.of(HEROES);