TS7030:没有所有代码路径都返回一个值Guard,canActivate方法Angular13

这个错误通常出现在Angular的守卫（Guard）中。如果在canActivate方法中不是所有的代码路径都返回一个可观察对象，就会出现TS7030错误。例如，以下代码会抛出这个错误：

@Injectable()
class MyGuard implements CanActivate {
  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
    const isLoggedIn = this.authService.isLoggedIn();
    if (isLoggedIn) {
      return of(true);
    }
  }
}

在这个例子中，当“isLoggedIn”为false时，没有返回任何值。为了解决这个问题，我们需要在条件分支的末尾返回一个可观察对象。例如：

@Injectable()
class MyGuard implements CanActivate {
  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
    const isLoggedIn = this.authService.isLoggedIn();
    if (isLoggedIn) {
      return of(true);
    }
    return of(false);
  }
}

这里，我们在条件分支的末尾返回了一个可观察对象，解决了TS7030错误。