ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。