找不到名称 'canActivate'

Question

伙计们，我正在尝试制作一个 auth guard 来保护未经身份验证的人无法访问的路由。在我的 AuthService 中，我导入了 Can Activate 这样的：

import { CanActivate, ActivatedRouteSnapshot } from '@angular/router';

我在导出中也使用了这样的工具：

export class AuthService implements CanActivate {

我创建了这样的 canActivate 方法：

canActivate(route: ActivatedRouteSnapshot): boolean {
  if(!this.isAuthenticated()){
    this.logout();
    return false;
  }
  return true;
}

但是当我尝试在 app-routing.module 的 const 路由中使用它时，它抛出一个错误，说它找不到名称 'canActivate'（我删除导入只是为了保存一些space)

    canActivate: [AuthService],
    children: [
      {
        path: 'dashboard', 
        loadChildren: () => import() },
      {  
        path: '', 
        loadChildren: () => import() },
      { 
        path: 'modules', 
        loadChildren: () => import() },
      { 
        path: 'settings', 
        loadChildren: () => import() }
    ]

我收到的错误是“找不到名称 'canActivate'”和“找不到名称 'children'”。有人知道这可能是什么原因吗？

Answer 1

伙计们，我放错了一些东西，这就是它抛出错误的原因，感谢您的评论:)

找不到名称 'canActivate'

Cannot find name 'canActivate'

angular

angular-router-guards

canactivate