为什么组件没有加载角度？

Question

我正在尝试在角度4中学习延迟加载。我从本教程中获得了帮助 How to Lazy Load Components in Angular 4 in Three Steps 使用loadchildren 我试图在我的例子中实现这个。我的应用程序工作正常，但延迟加载不起作用。

我在标题上有四个标签（第一个，第二个，第三个，第四个）。当我点击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 { }

我做错了什么？

Answer 1

您的代码没有错，我使用localhost测试并按预期呈现。我认为stackblitz有一种不同的方式来处理延迟加载。 stackblitz's issue