Angular 7升级至14路由问题：redirectTo与canActivate无法共存

• 全面排查所有路由配置文件：Angular 14对redirectTo与canActivate的共存做了严格校验，你可能仅移除了某一处Guard，但其他路由（含子路由、懒加载路由）仍存在两者同时配置的情况。需遍历所有RouterModule.forRoot()和forChild()的配置，逐一检查每条路由规则。

• 调整路由重定向的层级：若父路由配置了redirectTo，同时父路由或其子路由附带canActivate，会触发错误。例如以下错误配置：

{
  path: '',
  redirectTo: 'dashboard',
  pathMatch: 'full',
  canActivate: [AuthGuard]
}

需将canActivate移至目标路由（如dashboard路由）的配置中，而非放在重定向的路由条目里。

• 检查懒加载路由配置：懒加载模块的路由中若存在重定向+Guard的组合，同样会触发错误。例如：

{
  path: 'admin',
  loadChildren: () => import('./admin/admin.module').then(m => m.AdminModule),
  redirectTo: 'admin/dashboard',
  canActivate: [AdminGuard]
}

这种情况需将重定向逻辑移至懒加载模块内部的路由配置中，Guard可保留在父路由或目标子路由上。

• 清理冗余路由配置：升级后可能遗留旧版本允许的废弃写法，需删除所有canActivate与redirectTo共存的不必要配置，确保重定向路由仅负责跳转，权限校验逻辑放在实际要激活的路由上。

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