Angular15懒加载报错NG04007，仅显式导入DashboardModule可正常运行

问题原因 #

1. 非根模块误用 RouterModule.forRoot()
RouterModule.forRoot() 是根模块专属的Router初始化方法，会创建全局唯一的Router实例。如果DashboardModule、FirstModule或SecondModule等懒加载/特性模块中调用了该方法，就会导致Router被多次注入，触发NG04007错误。
2. 模块依赖逻辑错误
   当你在AppRoutingModule中显式导入DashboardModule时，它会被合并到根注入器中，懒加载的隔离逻辑被绕过，不会重复创建Router实例，所以暂时能正常运行，但这违背了懒加载的设计初衷。另外，First/Second模块间的循环依赖、错误导入根路由模块等情况，也会导致Router实例被重复初始化。

解决方案 #

• 统一路由模块配置方式
  检查所有非根模块的路由配置：
  • 确保DashboardModule、FirstModule、SecondModule等特性模块的路由模块（如dashboard-routing.module.ts）都使用RouterModule.forChild(routes)配置路由，示例代码：

    const dashboardRoutes: Routes = [/* 自定义路由规则 */];
    @NgModule({
      imports: [RouterModule.forChild(dashboardRoutes)],
      exports: [RouterModule]
    })
    export class DashboardRoutingModule { }
    

  • 仅根路由模块（AppRoutingModule）可使用RouterModule.forRoot(routes)，禁止在其他模块中调用该方法。
• 修正懒加载路由配置
  在AppRoutingModule中，通过懒加载方式引入DashboardModule，而非直接导入到imports数组。正确示例：

  const routes: Routes = [
    {
      path: 'dashboard',
      loadChildren: () => import('./dashboard/dashboard.module').then(m => m.DashboardModule)
    }
  ];
  
  @NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
  })
  export class AppRoutingModule { }
  

  同时，从AppRoutingModule的imports数组中移除DashboardModule的显式导入。
• 清理模块依赖关系
  • 检查FirstModule、SecondModule等子模块，确保它们未导入AppRoutingModule，也未在自身模块中重复配置RouterModule.forRoot()。
  • 排查并解决模块间的循环依赖问题（如A依赖B、B又依赖A），这类依赖会导致模块初始化时重复注入Router实例。
• 规范模块结构
  确保每个特性模块的路由配置放在独立的路由模块（如xxx-routing.module.ts）中，仅在该路由模块中导入RouterModule，避免在模块根文件（如dashboard.module.ts）中重复导入。

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