错误:未捕获(承诺):错误:加载块0失败。角延迟加载

时间:2019-03-25 21:38:32

标签: angular angular-routing angular7

我正在尝试在我的应用中使用延迟加载。这是一个简单的组件,只有一个组件。

这是我的子路由模块。

const routes: Routes = [
  {
    path: '',
    component: MystuffDashboardComponent,
    data: {
      breadcrumb: 'My Stuff',
      ...routesData
    }
  },
];

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

这是我将其导入主模块的位置。

@NgModule({
  imports: [
    CommonModule,
    MystuffRoutingModule,
    PipesModule,
  ],
  declarations: [
    MystuffDashboardComponent,
    MystuffDashboardPanelComponent,
    MystuffContextmenuComponent
  ],
  providers: [
  ]
})
export class MystuffFeatureModule { }

在应用程序模块中,我正在像这样应用延迟加载。

@NgModule({
  declarations: [
    AppComponent,
    MainMenuComponent,
    BreadcrumbComponent
  ],
  imports: [
    BrowserModule,
    CommonModule,
    HttpClientModule,
    FormsModule,
    ReactiveFormsModule,
    TooltipModule,
    DashboardFeatureModule,
    RouterModule.forRoot([{ path: '', redirectTo: '/home', pathMatch: 'full' },
    { path: 'home', loadChildren: './featuremodules/dashboard/dashboard-feature.module#DashboardFeatureModule' },
    { path: 'mystuff', loadChildren: './featuremodules/mystuff/mystuff-feature.module#MystuffFeatureModule' }

    ],
      {
        onSameUrlNavigation: 'reload'
      })
  ],
  providers: [
    
  ],
  bootstrap: [AppComponent],
  exports: [RouterModule],
  schemas: []
})

export class AppModule { }

即使在整个应用程序中搜索MystuffFeatureModule之后,我也只能在两个位置找到它,一个是我懒加载模块的位置,另一个是在MystuffFeatureModule文件本身中。没有其他地方使用/导入它。即使在应用程序模块文件中,我也不会导入模块。产品构建运行良好,甚至可以部署,我不确定为什么一旦单击导航或直接在文件上导航就会显示此错误。

0 个答案:

没有答案