Angular 14路由模块配置错误：路由'homepage/'配置无效排查

你的路由报错核心原因是sales路由的loadChildren模块引用错误：在sales路由的懒加载配置中，你导入了sales.module，但回调函数里错误返回了m.HomepageModule，而非对应的m.SalesModule。Angular 14对路由配置的校验比13更严格，这种无效的模块引用会直接触发NG04014错误，因为系统无法识别该路由的有效配置项。

修正后的App.routing.ts代码如下：

export const routes: Routes = [
  { path: '', redirectTo: 'homepage', pathMatch: 'full'},
  {
    path: 'homepage',
    loadChildren: () =>
      import('src/app/homepage/homepage-component/homepage.module').then(m => m.HomepageModule),
    canActivate: [AuthGuard]
  },
  {
    path: 'sales',
    loadChildren: () =>
      import('src/app/reports/sales-component/sales.module').then(m => m.SalesModule),
    canActivate: [AuthGuard]
  },
];

只需将sales路由的m.HomepageModule改为m.SalesModule，就能让loadChildren正常工作，解决路由配置无效的问题。

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