Angular5가 RxJS를 5.5.3으로 업그레이드할 때 오류 문제를 해결하는 방법

이번에는 RxJS를 Angular5에서 5.5.3으로 업그레이드할 때 발생하는 오류 문제를 해결하는 방법과, Angular5에서 RxJS를 5.5.3으로 업그레이드할 때 발생하는 오류 문제를 해결하는 방법을 알려드리겠습니다. Notes. 실제 사례를 살펴보겠습니다.

머리말

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 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

웹팩 모듈을 핫 교체하는 방법

vue2.0+boostrap 프로젝트를 구축하는 방법

위 내용은 Angular5가 RxJS를 5.5.3으로 업그레이드할 때 오류 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!