javascript - Angular2 autentisering - Typ 'AsyncSubject<{}>' går inte att tilldela typ 'AsyncSubject' - observables och typescript

Jag är ny på observables och TypeScript så jag gör något fel. Här är min autentiseringskomponent för Angular2

// route-protection.service.ts
import {Injectable} from '@angular/core';
import {
  CanActivate,
  Router,
  ActivatedRouteSnapshot,
  RouterStateSnapshot
} from '@angular/router';
import {Observable} from 'rxjs';


/*
 * Shared Utilities
 */
import {Authentication} from './authentication.service';
import {Logging} from '../../app-components/common/utility';

@Injectable()
export class RouteProtection implements CanActivate {

  constructor(private authService:Authentication,
              private router:Router) {

  }


  canActivate(next:ActivatedRouteSnapshot, state:RouterStateSnapshot):boolean {
    return this.authService.checkAuth()
      .map(e=> {
        if (e) {
          return true;
        }
      }).catch(()=> {
        this.router.navigate(['/about'])
        return Observable.of(false)
      })
  }
}

Men jag får det här felet:

[default] ~/src/app-components/common/route-protection.service.ts:20:3 
    Type 'AsyncSubject<{}>' is not assignable to type 'AsyncSubject<boolean>'.
  Type '{}' is not assignable to type 'boolean'.
[default] ~/src/app-components/common/route-protection.service.ts:29:12 
    Type 'Observable<boolean>' is not assignable to type 'boolean'.

Vad betyder det? Jag försöker använda angular2 och lägga till 'routskydd' så att rutterna endast kan aktiveras efter att autentisering är slutförd.

Svar #1

Denna metod returnerar ett Observable<boolean> och inte ett vanligt boolean:

  canActivate(next:ActivatedRouteSnapshot, state:RouterStateSnapshot):Observable<boolean> {

Den faktiska signaturen för CanActivate är

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) : Observable<boolean>|boolean

vilket betyder att båda är tillåtna men din kod returnerar faktiskt Observable<boolean>