我正在尝试学习angular 4中的延迟加载,.I从本教程中得到了帮助,使用loadchildren
使用How to Lazy Load Components in Angular 4 in Three Steps。我尝试在我的example.My应用程序中实现延迟加载,但是延迟加载不起作用。
我在header上有四个选项卡(first,second,third,fourth),然后单击third
或fourth
,没有找到任何要加载模块的extra network
这是my code
const appRoutes: Routes = [
{ path: 'first', component: FirstComponent },
{ path: 'second', component: SecondComponent },
{ path: 'seo', loadChildren: '../foo/foo.module#FooModule'},
{ path: '',redirectTo: '/first',pathMatch: 'full'}
];
@NgModule({
imports: [ BrowserModule, FormsModule ,RouterModule.forRoot(appRoutes)],
declarations: [ AppComponent,FirstComponent,SecondComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule { }
我哪里做错了?
发布于 2018-05-28 18:15:10
您的代码没有错,我使用localhost进行了测试,它可以像预期的那样呈现。我认为stackblitz有一种不同的方式来处理延迟加载。stackblitz's issue
https://stackoverflow.com/questions/50562841
复制相似问题