Angular 5路由路径无法识别问题求助

先看你给出的代码，第一个明显的问题就是AppModule里重复导入了RouterModule，这很可能是导致你路由异常的核心原因，咱们一步步来梳理解决：

1. 修复重复导入RouterModule的问题 #

你在AppModule的imports数组里同时写了RouterModule和RouterModule.forRoot(routes, {enableTracing: true})，但forRoot()方法已经包含了RouterModule的所有导出内容，重复导入会引发路由初始化的冲突。

修改后的AppModule imports部分应该改成这样：

imports: [
  CoreModule,
  SharedModule,
  DssModule,
  RouterModule.forRoot(routes, {enableTracing: true})
],

2. 其他需要排查的常见问题点 #

• 组件的可访问性：确保DssComponent和LoginComponent已经在各自的特性模块（比如DssModule、Login所在的模块）中正确声明，如果这些模块是独立的特性模块，记得要把组件导出，这样路由才能正确加载它们。
• 路由守卫的配置：你CoreModule里提供了CanActivateAuthGuard，但目前的路由配置里没有给需要保护的路由添加守卫。如果/app路由需要登录才能访问，得给它加上守卫逻辑：

{
  path: 'app', 
  component: DssComponent,
  canActivate: [CanActivateAuthGuard]
},

这样未登录用户访问/app时会被自动跳转到/login，你需要在守卫里实现登录状态的判断逻辑（比如检查AuthenticationService里的登录标记）。

• 利用路由追踪日志：你已经开启了enableTracing: true，可以打开浏览器的控制台，查看路由跳转的详细日志，这能帮你快速定位是重定向循环、路由匹配失败还是其他隐藏问题。

3. 给你一个AuthGuard的实现参考（如果需要的话） #

如果你的守卫还没实现完整逻辑，可以参考这个简单的版本：

import { Injectable } from '@angular/core';
import { CanActivate, Router } from '@angular/router';
import { AuthenticationService } from './authentication.service';

@Injectable({ providedIn: 'root' })
export class CanActivateAuthGuard implements CanActivate {
  constructor(private authService: AuthenticationService, private router: Router) {}

  canActivate(): boolean {
    // 假设你的AuthenticationService有isLoggedIn方法判断登录状态
    if (this.authService.isLoggedIn()) {
      return true;
    }
    // 未登录则跳转到登录页
    this.router.navigate(['/login']);
    return false;
  }
}

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