Angular Route Guard代码报错：非void/any类型函数必须返回值

错误原因 #

你的canActivate方法声明了返回Observable<boolean> | Promise<boolean> | boolean，但当前代码存在两个核心问题：

• 方法本身没有返回符合类型要求的值——你在then回调里的return true只是回调函数的返回，并非canActivate方法的返回
• 未认证分支没有返回布尔值，导致Promise链缺少明确的最终返回结果

修正后的代码 #

import { Injectable } from "@angular/core";
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';
import { Observable } from "rxjs";
import { AuthService } from './auth.service';

@Injectable()
export class AuthGuard implements CanActivate {
    constructor(private authService: AuthService, private router: Router) {}

    canActivate(route: ActivatedRouteSnapshot,
        state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
            // 返回完整的Promise链，确保方法返回符合声明的类型
            return this.authService.isAuthenticated()
            .then(
                (authenticated: boolean) => {
                    if (authenticated) {
                        return true;
                    } else {
                        this.router.navigate(['/']);
                        // 未认证时明确返回false，补全Promise的返回逻辑
                        return false;
                    }
                }
            );
        }
}

关键说明 #

• 直接返回this.authService.isAuthenticated()调用后的Promise链，让canActivate方法返回符合声明的Promise<boolean>类型
• 未认证分支必须添加return false，确保Promise最终会解析为布尔值，覆盖所有逻辑分支
• 之前你在方法末尾加return false无效的原因：这个返回会在Promise完成前就执行，导致Guard直接返回false，同时原代码的Promise没有被返回，方法仍然不符合返回值类型要求

内容的提问来源于stack exchange，提问作者Apurva