EmptyError: нет элементов в последовательности

Ответ 1

Эта ошибка возникает при использовании RxJS 5.5.3 с angular (версия 4/5), поэтому просто пропустите RxJS 5.5.3 и используйте RxJS 5.5.4, добавив "rxjs": "^5.5.4" в ваш проект package.json.

До выхода RxJS 5.5.4 ответ: (старый, не делайте этого)

• Блокировка версии 5.5.2 RxJS на package.json источник
• добавить pathMatch: "полный" на пустых путях источник

Похоже, что это проблема с RxJS, которая должна быть исправлена ​​довольно скоро. источник

Ответ 2

В моем случае у меня есть эти ошибки, когда я использовал first() в Observable, у которого был takeUntil(), выпущенный до first().

Пример:

let test$ = new ReplaySubject(1);
let testAux$ = new ReplaySubject(1);
let test2$ = test$.asObservable().takeUntil(testAux$.asObservable());
test2$.first().subscribe(() => console.log('first!'));
testAux$.next(null);

Трудно было обнаружить проблему, потому что я вернул Observable с takeUntil() в службу, которая использовалась другим классом (в другом файле), который вызывал first(), и ошибка была получена во время страницы (потому что takeUntil() получил Observable, который был удален, когда предыдущая страница была уничтожена), и оказалось, что проблема была в самой навигации.

Самое странное, что ошибка возникает, когда вызывается next(), а не во втором аргументе subscribe(), что приводит к сбою самого процесса навигации. Я не знаю, была ли эта функция выбрана командой rxjs для того, чтобы вести себя таким образом, потому что гораздо сложнее изолировать проблему.

Согласно этот комментарий:

Сначала выдается только один элемент или выкидывает ошибку [...] Если вы хотите получить не более одного элемента из наблюдаемого, используйте .take(1).

Ответ 3

Вам нужно изменить на:

canActivate(route: ActivatedRouteSnapshot): Observable<boolean>{
   return new Observable<boolean>(resolve => {
      resolve.next(true);
      resolve.complete();
  });
}

================

Я не уверен, почему, но для меня эта ошибка была вызвана защитниками маршрутизатора CanActivate, использующими наблюдаемые. Однако переход к обещаниям устранил проблему.

Я перешел от этого:

canActivate(route: ActivatedRouteSnapshot): Observable<boolean>{
     return new Observable<boolean>(resolve => {

          resolve.complete(true);
        //or
          resolve.complete(false);

    });
}

к этому:

canActivate(route: ActivatedRouteSnapshot){
     return true;
        //or
          return false;

    });
}

Ответ 4

Добавьте это свойство на свой маршрут.

pathMatch: 'full

например,

{ pathMatch: 'full', path: "", component: HomeComponent }

Это сработало для меня.

Ответ 5

У меня была такая же проблема, потому что я делал .first() после this.http.get(); Http.get возвращает наблюдаемую холодную информацию, поэтому сначала она не нужна, поскольку холодная наблюдаемая отписывается.

. This.http.get() трубы (первый()); → EmptyError: нет элементов в последовательности

Ответ 6

У меня была эта проблема в Angular 6/RxJs 6, и я обнаружил, что это произошло из-за того, что у моего охранника был редирект и сразу после него.

До:

if (!res) {
  this.router.navigate(['/']);
  observer.complete(); // <-- This was the offender
}

После:

if (!res) {
  this.router.navigate(['/']);
}

Ответ 7

В моем случае, используя версию 5.5.12 rxjs, у меня были проблемы с этим в сценарии CanActivate. Но решение для меня было очень простым в конце. Я изменил свой код с

const guard: Subject<boolean> = new Subject<boolean>();

в

const guard: ReplaySubject<boolean> = new ReplaySubject<boolean>(1);

призвание

guard.next(...);
guard.complete();

потом. Это добилось цели. Так что в моем сценарии не нужно ни первых, ни обещаний.

Ответ 8

Для любого, кто пришел сюда из-за сообщения об ошибке, это происходило с нами, потому что мы возвращали пустую Наблюдаемую. Вам необходимо вернуть в аренду какое-то значение, например "true".

return of(true);

Ответ 9

Ничто из вышеперечисленного не сработало. Это то, что сработало для меня. В определении маршрута:

{ path: '', component: WelcomeComponent, pathMatch: 'full' },