AngularFire/Firebase - нерешенная функция или карта метода AuthGuard ()

Question

Пытаюсь реализовать canActivate для моих маршрутов. Вход в систему и подключение к Firebase в порядке, но я попытался использовать этот код ниже для canActivate, и я продолжаю получать сообщение об ошибке неразрешенной функции или метода map(). Я удостоверился, что все импортировано правильно.

import 'rxjs/add/operator/do';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/take';

import { Injectable } from '@angular/core';
import { CanActivate, Router } from '@angular/router';
import { AngularFireAuth } from 'angularfire2/auth';
import { Observable } from 'rxjs/Observable';


@Injectable()
export class AuthGuard implements CanActivate {

constructor(private afAuth: AngularFireAuth, private router: Router) {
}

canActivate(): Observable<boolean> {
return this.afAuth.authState
  .take(1)
  .map(authState => !!authState)
  .do(authenticated => {
    if (!authenticated) {
      this.router.navigate([ '/error' ]);
    }
  });
 }
}

AuthService.ts

import { Injectable } from '@angular/core';

import { AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app';

import { Observable } from 'rxjs/Observable';

@Injectable()
export class AuthService {

  user: Observable<firebase.User>;

  constructor(private firebaseAuth: AngularFireAuth) {
    this.user = firebaseAuth.authState;
  }

  login(email: string, password: string) {
    this.firebaseAuth
      .auth
      .signInWithEmailAndPassword(email, password)
      .then(value => {
        console.log('Logged in!');
      })
      .catch(err => {
        console.log('Error while logging in!', err.message);
      });
  }

  logout() {
    this.firebaseAuth.auth.signOut();
  }
}

Answer 1

Так как вы + AngularFire импортируете Observable из rxjs/Observable вместо 'rxjs/Rx', чтобы уменьшить размер пакета, вам также нужно импортировать операторы RxJS, которые вы хотите использовать.

import 'rxjs/add/operator/map';

Answer 2

Я заметил, что вам нужно вернуть true или false в булеву функцию

попробуй это

canActivate(): Observable<boolean> {
return this.afAuth.authState
  .take(1)
  .map(authState => !!authState)
  .do(authenticated => !authenticated ? this.router.navigate(['/error']) : true);
 }