EmptyError: no hay elementos en secuencia

Necesitas cambiar a:

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

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

No estoy seguro de por qué, pero para mí este error fue causado por canActivate router guards usando observables. Sin embargo, pasar a las promesas solucionó el problema.

Me moví de esto:

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

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

    });
}

A esto:

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

    });
}

En mi caso tengo esos errores cuando usé first() en un Observable que tenía un takeUntil() emitido antes de first().

Ejemplo:

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);

Fue difícil descubrir el problema porque devolví un observable con takeUntil() en un servicio que fue utilizado por una clase diferente (en un archivo diferente) que llamó first(), y el error se recibió durante la navegación de la página (porque takeUntil() recibió un observable que emitió cuando se destruyó la página anterior), y apareció como el problema en la navegación misma.

Lo más extraño es que el error ocurre cuando se llama a next(), y no en el segundo argumento de subscribe(), causando que el proceso de navegación en sí falle. No se si esta característica fue elegida por el equipo de rxjs para comportarse de esta manera, porque hace mucho más difícil aislar el problema.

De acuerdo con este comentario :

Primero emitirá exactamente un elemento o lanzará un error [...] If you would like to get at most un elemento del observable, utilice .take(1).

Agregue esta propiedad a su ruta.

pathMatch: 'full

Por ejemplo.

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

Funcionó para mí.

Tuve este problema en Angular 6 / RxJS 6 y descubrí que se debía a que mi guardia tenía una redirección y se completaba justo después.

Antes:

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

Después de:

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