Angular5 が RxJS を 5.5.3 にアップグレードするときのエラー問題を解決する方法

今回は、Angular5 の RxJS を 5.5.3 にアップグレードする際にエラーが発生する問題を解決する方法と、Angular5 で RxJS を 5.5.3 にアップグレードする際にエラーが発生する問題を解決する方法を紹介します。 メモ では、実際のケースを見てみましょう。

前書き

RxJS は、非同期データ フロー プログラミング

またはリアクティブ拡張プログラミングのためのツールです。RxJS の目的は、非同期プログラミングをより簡単にするために RxJS を導入することです。ただし、最近アップグレード中にいくつかの問題が発生しました。これについては、以下では詳しく説明しませんので、同じ問題に遭遇した友人にも参考にしてください。

Angular 5.0.5 は RxJS を 5.5.3 にアップグレードし、エラーを報告しました:

ERROR Error: Uncaught (in promise): EmptyError: no elements in sequence
EmptyError: no elements in sequence
 at new EmptyError (EmptyError.js:28)
 at FirstSubscriber._complete (first.js:154)
 at FirstSubscriber.Subscriber.complete (Subscriber.js:122)
 at MergeMapSubscriber._complete (mergeMap.js:150)
 at MergeMapSubscriber.Subscriber.complete (Subscriber.js:122)
 at MapSubscriber.Subscriber._complete (Subscriber.js:140)
 at MapSubscriber.Subscriber.complete (Subscriber.js:122)
 at EmptyObservable._subscribe (EmptyObservable.js:83)
 at EmptyObservable.Observable._trySubscribe (Observable.js:172)
 at EmptyObservable.Observable.subscribe (Observable.js:160)
 at new EmptyError (EmptyError.js:28)
 at FirstSubscriber._complete (first.js:154)
 at FirstSubscriber.Subscriber.complete (Subscriber.js:122)
 at MergeMapSubscriber._complete (mergeMap.js:150)
 at MergeMapSubscriber.Subscriber.complete (Subscriber.js:122)
 at MapSubscriber.Subscriber._complete (Subscriber.js:140)
 at MapSubscriber.Subscriber.complete (Subscriber.js:122)
 at EmptyObservable._subscribe (EmptyObservable.js:83)
 at EmptyObservable.Observable._trySubscribe (Observable.js:172)
 at EmptyObservable.Observable.subscribe (Observable.js:160)
 at resolvePromise (zone.js:824)

これは RxJS のアップグレードが原因であるはずです。問題を参照してください。

方法 1すべてのルートに pathMath: "full" を追加します。たとえば、

const routes: Routes = [
 { path: "", component: IndexComponent },
 { path: "home", component: HomeComponent },
 { path: "about", component: AboutComponent },
 ...
];

を

const routes: Routes = [
 { pathMatch: 'full', path: "", component: IndexComponent },
 { pathMatch: 'full', path: "home", component: HomeComponent },
 { pathMatch: 'full', path: "about", component: AboutComponent },
 ...
];

に変更します。方法 2RxJS はバージョン 5.5.2 にダウングレードされます。

注: ダウングレードする場合は、必ず以前のバージョンをアンインストールしてください。 この記事の事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Webpack モジュールをホット リプレイスする方法

vue2.0+boostrap プロジェクトをビルドする方法

以上がAngular5 が RxJS を 5.5.3 にアップグレードするときのエラー問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。