要解决Angular 4懒加载子组件没有加载的问题,可以按照以下步骤进行:
loadChildren
属性指定子组件的路径,并使用相对路径(相对于当前路由配置模块的路径)。例如:const routes: Routes = [
{ path: 'lazy', loadChildren: './lazy/lazy.module#LazyModule' }
];
RouterModule.forChild
方法来定义子组件的路由。例如:const routes: Routes = [
{ path: '', component: LazyComponent }
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class LazyModule { }
routerLink
指令导航到子组件。例如:Go to Lazy Component
标签来显示懒加载子组件的内容。例如:
如果按照以上步骤配置后仍然无法加载子组件,请检查控制台是否有任何错误消息,以确定问题的具体原因。