почему компонент не загружается в угловой?

Question

Я пытаюсь научиться отложенной загрузке в angular 4. Я воспользовался помощью этого урока Как выполнить отложенную загрузку компонентов в Angular 4 за три шага , используя loadchildren Я попытался реализовать это в своем примере.Мое приложение работает нормально, но ленивая загрузка не работает.

У меня есть четыре вкладки на заголовке (первая, вторая, третья, четвертая). Когда я нажимаю third или fourth, я не нашеллюбой extra network для загрузки модуля

вот мой код

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 есть другой способ справиться с отложенной загрузкой. выпуск стекаблита