Erreur signalée après la mise à niveau d'Angular5

Cette fois, je vais vous apporter une erreur après la mise à niveau d'Angular5. Quelles sont les précautions à prendre en cas d'erreur après la mise à niveau d'Angular5. Ce qui suit est un cas pratique, jetons un coup d'œil.

Préface

RxJS est un outil de programmation pour le flux de données asynchrone, ou la programmation étendue réactive, peu importe la façon dont vous expliquez ses objectifs. Il s'agit d'une programmation asynchrone ; . Angular a introduit RxJS pour rendre la programmation asynchrone contrôlable et plus simple. Cependant, j'ai récemment rencontré quelques problèmes lors de la mise à niveau. Permettez-moi de vous les présenter et de donner quelques références à des amis qui rencontrent également ce problème. Je n'entrerai pas dans les détails ci-dessous.

Angular 5.0.5 a mis à niveau RxJS vers 5.5.3 et a signalé une erreur :

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)

Cela devrait être dû à la mise à niveau de RxJS , veuillez vous référer au problème.

Méthode 1

Ajouter pathMath : "complet" à tous les itinéraires, tels que

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

remplacé par

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

Méthode 2

RxJS est rétrogradé vers la version 5.5.2.

Remarque : Assurez-vous de désinstaller la version précédente lors de la rétrogradation.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Utiliser React, Redux, React-Redux

Comment utiliser les composants Vue dans des projets réels

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!