Angular 角度6:无法在页面加载时加载子路由

例如，我在功能模块路径上重新加载页面时遇到问题；我可以导航到

但如果我随后在浏览器中强制刷新页面，则会出现以下导航错误：

Router Event: NavigationError
platform-browser.js:211 NavigationError(id: 1, url: '/dashboard', 
error: TypeError: undefined is not a function)
platform-browser.js:211 NavigationError {id: 1, url: "/dashboard", 
error: TypeError: undefined is not a function
at Array.map (<anonymous>)
at webpackAsyncContext (ht…}

仪表板路由.module.ts:

从'@angular/core'导入{NgModule}；
从'@angular/router'导入{RouterModule，Routes}；
从“./dashboard.component”导入{DashboardComponent}；
常数路由：路由=[
{ 
路径：“”，
组件：仪表板组件
}
];
@NGD模块({
进口：[
RouterModule.forChild（路由）
],
出口：[
路由模块
]
})
导出类DashboardRoutingModule{}

dashboard.module.ts:

从'@angular/core'导入{NgModule}
从“@angular/common”导入{CommonModule}
从“../shared/shared.module”导入{SharedModule}
从“./dashboard routing.module”导入{dashboard RoutingModule}
从“./dashboard.component”导入{DashboardComponent}
@NGD模块({
进口：[
公共模块，
仪表板布线模块，
共享模块
],
声明：[
仪表板组件
],
出口：[
仪表板布线模块
]
})
导出类仪表板模块{}

app.module.ts:

从'@angular/core'导入{NgModule}
从“@angular/platform browser”导入{BrowserModule}
从“@angular/platform browser/animations”导入{BrowserAnimationsModule}
从“./core/core.module”导入{CoreModule}
从“./shared/shared.module”导入{SharedModule}
从“./dashboard/dashboard.module”导入{DashboardModule}
从“./app routing.module”导入{AppRoutingModule}；
从“./app.component”导入{AppComponent}；
从“./dashboard/dashboard.component”导入{DashboardComponent}
@NGD模块({
声明：[
应用组件
],
进口：[
浏览器模块，
核心模块，
BrowserAnimationsModule，
批准模块，
CoreModule.forRoot（），
仪表板模块，
],
引导：[AppComponent]
})
导出类AppModule{}

如果使用延迟加载，则不能将延迟加载的模块作为导入（也不能从该模块使用TS导入），因为它将随导入模块一起加载

---

planet_hunter在这里因为发现了你的进口产品而赢得了很多赞誉

你为什么用散列？但不管怎样，我在这里看不到仪表板模块。@Antoniossss散列有什么不同吗？我已经修改了我的问题，包括仪表板和应用程序模块。感谢您花费时间。我没有发现您的代码中有任何错误，只是尝试删除useHash并重新运行@arunkumar。我尝试删除哈希，但仍然得到相同的错误：（@planet_hunter“no need”是错误的词语选择-您不能包括它，因为它将防止发生延迟加载-模块将立即导入。