我正在尝试在我的应用中使用延迟加载。这是一个简单的组件,只有一个组件。
这是我的子路由模块。
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文件本身中。没有其他地方使用/导入它。即使在应用程序模块文件中,我也不会导入模块。产品构建运行良好,甚至可以部署,我不确定为什么一旦单击导航或直接在文件上导航就会显示此错误。