类型 'Observable<{}>' 不可分配给类型 'Observable<boolean> |布尔值'

Question

我正在尝试关注this tutorial，但我遇到了错误。

1. pathMatch：“满”。我尝试将“@angular/router”更改为“3.0.0-beta.2”，仍然是同样的问题。

我的依赖：

"dependencies": {
    "@angular/common": "2.0.0-rc.3",
    "@angular/compiler": "2.0.0-rc.3",
    "@angular/core": "2.0.0-rc.3",
    "@angular/http": "2.0.0-rc.3",
    "@angular/platform-browser": "2.0.0-rc.3",
    "@angular/platform-browser-dynamic": "2.0.0-rc.3",
    "@angular/platform-server": "2.0.0-rc.3",
    "@angular/router": "3.0.0-beta.2",
    "@angular/router-deprecated": "2.0.0-rc.2",
    "nativescript-angular": "0.2.0",
    "tns-core-modules": "^2.1.0"
},

1. 类型 'Observable' 不可分配给类型 'Observable'，它指向行 'return o';

   canDeactivate(): Observable<boolean> | boolean {
   
   if (!this.crisis || this.crisis.name === this.editName) {
   
   return true;
   }
   let p = this.dialogService.confirm('Discard changes?');
   let o = Observable.fromPromise(p);
   return o;
   }
   

谁能指导我修复这些错误？谢谢。

Answer 1

我遇到了同样的错误，问题是我没有将 Authguard 作为服务注入提供程序，而且我没有在 canActivated 中放入路由数组。确保您的 AuthGuard 为

`@Injectable()
export class AuthGuard implements CanActivate {
  logued: boolean = false;

  constructor(private rest: UsuarioService, private router: Router) {
    this.rest.getObservLogued().subscribe(res => {
      this.logued = res;
    });
  }

  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) : Observable<boolean|UrlTree>|Promise<boolean|UrlTree>|boolean|UrlTree  {
    let url: string = state.url;

    return this.checkLogin(url);
  }`

然后在您希望像这样设置 authguard 的路由中

`{ path: 'articulos', component: ArticuloComponent,

   canActivate: [AuthGuard] },`

然后检查您是否在 app.module 中作为服务 AuthGuard 注入

providers : [AuthGuard]

Answer 2

编译器抱怨因为返回值o 的类型是Observable<{}>。这很可能是因为您正在从p 构造一个Observable，它解析为类型Promise<{}>。仔细检查dialogService.confirm() 并确保它的返回值是Promise<boolean> 类型。

如果这不起作用，您可以尝试像 @rinukkusu 建议的那样显式转换。

Answer 3

您可以尝试投射：

canDeactivate(): Observable<boolean> | boolean {

    if (!this.crisis || this.crisis.name === this.editName) {

        return true;
    }
    let p = this.dialogService.confirm('Discard changes?');
    let o = <Observable<boolean>>Observable.fromPromise(p);
    return o;
}