无法读取未定义的属性 'loadChildren'

Question

以下是我的路由器页面：

export const AppRoutes: Routes = [
{
   path: '',
   component: PublicComponent,
   children: [
   {
    path: '',redirectTo: '/',pathMatch: 'full'
   },
   {
    path: 'home',loadChildren: () => HomeModule
   }
 ]
} ,
{
  path: '',component: AdminComponent, children: [
  {
    path: 'dashboard', loadChildren: () => DashboardModule
  }, {...}
 ]
},
{ path: '**', redirectTo: '/home', pathMatch: 'full' }
];

@NgModule({
imports: [
 RouterModule.forRoot(AppRoutes, {scrollPositionRestoration: 'enabled'})
],
exports: [RouterModule]
})

当我第一次运行这个项目时，它给了我上面的错误。

注意：我正在实施延迟加载方法。

Answer 1

我不太熟悉您用于 loadChildren 的语法。试试这个：

loadChildren: './path/to/your.module#YourModule

这个 GitHub 问题建议修复。看起来这里的问题可能类似：https://github.com/angular/angular/issues/31206

无法读取未定义的属性 'loadChildren'

Cannot read property 'loadChildren' of undefined

angular7-router

无法读取未定义的 属性 'loadChildren'

Cannot read property 'loadChildren' of undefined

angular7-router

无法读取未定义的属性 'loadChildren'