延迟加载不会生成任何块Angular 8

时间:2019-07-16 12:55:07

标签: angular lazy-loading

因此,我已按照延迟加载模块上的指南进行操作,但是如果我从DevTools中打开“网络”标签,就不会出现延迟加载。

这是我的实现方式

我的AppRoutingModule

const routes: Routes = [
  {
    path: 'route1',
    loadChildren: () =>
      import('./featureModules/feature1/feature1.module').then(
        mod => mod.Feature1Module
      ),
    canLoad: [Feature1Guard]
  },
 {
    path: 'route2',
    loadChildren: () =>
      import('./featureModules/feature2/feature2.module').then(
        mod => mod.Feature2Module
      ),
    canLoad: [Feature2Guard]
  },
   {
    path: 'route3',
    loadChildren: () =>
      import('./featureModules/feature3/feature3.module').then(
        mod => mod.Feature3Module
      ),
    canLoad: [Feature3Guard]
  },
  {
    path: '',
    redirectTo: '',
    pathMatch: 'full'
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule {}

每个FeatureModule看起来像这样:

const routes: Routes = [
  {
    path: '',
    component: Feature1Component,
    canActivate: [AuthGuard]
  }
];
@NgModule({
  declarations: [Feature1Component],
  imports: [SharedModule, RouterModule.forChild(routes)],
  providers: [Feature1Service],
  exports: [RouterModule]
})
export class Feature1Module{}

有什么我想念的吗?

0 个答案:

没有答案