How to solve the error problem when Angular5 upgrades RxJS to 5.5.3

This time I will show you how to solve the problem of error when upgrading RxJS in Angular5 to 5.5.3, and how to solve the error when upgrading RxJS to 5.5.3 in Angular5NotesWhat are they? The following is a practical case. Let’s take a look.

Preface

RxJS is a tool for asynchronous data flowprogramming, or responsive extended programming; it can No matter how you explain RxJS, its goal is asynchronous programming. Angular introduced RxJS to make asynchronous controllable and simpler. However, I have encountered some problems during the upgrade recently. Let me introduce them to you and give some reference to friends who also encounter this problem. I won’t go into details below, let’s take a look at the detailed introduction.

Angular 5.0.5 upgraded RxJS to 5.5.3 and reported an error:

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)

This should be caused by the RxJS upgrade, please refer to the issue.

Method 1

Add pathMath: "full" to all routes, such as

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

is changed to

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

Method 2

RxJS is downgraded to version 5.5.2.

Note: Be sure to uninstall the previous version when downgrading.

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

How to hot replace the webpack module

How to build a vue2.0 boostrap project

The above is the detailed content of How to solve the error problem when Angular5 upgrades RxJS to 5.5.3. For more information, please follow other related articles on the PHP Chinese website!