从 Angular 7 升级到 14 - 路由问题 -redirectTo 和 canActivate 不能一起使用

Question

我收到此错误错误：NG04014：redirectTo 和 canActivate 不能一起使用。重定向发生在激活之前，因此 canActivate 永远不会被执行。将 Angular 7 升级到 14 后。有人可以帮忙吗？

我已尝试删除该 Gaurd，但仍然面临问题。

Answer 1

您可以将重定向移至守卫并使用路由器重定向

@Injectable({ providedIn: 'root' })
export class RedirectGuard implements CanActivate {
constructor(private readonly router: Router) {}

canActivate() {
    this.router.navigate(['redirect']);
    return false;
  }
}

我在这里提供了一个stackblitz：https://stackblitz.com/edit/angular-ivy-7rkegm?file=src%2Fapp%2Frouting.module.ts