Angular5 アップグレード後にエラーが報告される

今回はAngular5アップグレード後に報告されるエラーについてご紹介します。 以下は実際のケースです。

はじめに

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 },
 ...
];

に変更します。方法 2

RxJS はバージョン 5.5.2 にダウングレードされます。

注: ダウングレードする場合は、必ず以前のバージョンをアンインストールしてください。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

react、redux、react-reduxの使用

実際のプロジェクトでvueコンポーネントを使用する方法

以上がAngular5 アップグレード後にエラーが報告されるの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。