Angular 9配置延迟加载路由

时间:2020-05-16 15:33:53

标签: angular lazy-loading

我正在尝试使用forRoot方法配置我的延迟加载路由。我收到以下错误:

错误:未捕获(承诺):错误:声明错误:NgModule'[object Object]'不是'NgModuleType'的子类型。 [Expected => null!= null <= Actual] 错误:提示错误:NgModule'[object Object]'不是'NgModuleType'的子类型。 [Expected => null!= null <= Actual]

这是我的示例代码的链接: https://stackblitz.com/edit/angular-ivy-vlsxqu

1 个答案:

答案 0 :(得分:0)

在app.module.ts中删除.forRoot()

@NgModule({
  imports: [ 
    BrowserModule, 
    FormsModule , 
    RouterModule.forRoot([{
      path: 'lazy',
      loadChildren: () =>
          import("./lazy/lazy.module").then(m => m.LazyModule)
    }, {
      path: "**",
      redirectTo: "lazy"
    }], 
    {preloadingStrategy: PreloadAllModules})
  ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})

也在lazy.module.ts中完全删除static forRoot()方法