javascript - 为什么组件没有以 Angular 加载？

Question

我正在尝试学习 angular 4 中的延迟加载。我从本教程中获得了帮助 How to Lazy Load Components in Angular 4 in Three Steps使用 loadchildren我尝试在我的示例中实现这一点。我的应用程序运行良好，但延迟加载不起作用。

我在标题上有四个选项卡(第一、第二、第三、第四)。当我点击 third 或 fourth 时，我没有找到任何额外的网络加载模块

这里是 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