当我在延迟加载的模块上重新加载页面时,应用程序尝试从错误的路径导入js文件时,应用程序中断。您可以看到我的路由配置:应用程序路由模块:
{
path: 'accommodations',
canActivate: [AuthGuard],
loadChildren: () => import('./accommodation/accommodation.module').then(m => m.AccommodationModule)
}
住宿路线模块:
const routes: Routes = [
{
path: ':id',
component: AccommodationDetailsComponent
}
];
例如,当我在路线http://localhost:4200/accommodations/1上并且重新加载页面时,浏览器尝试从http://localhost:4200/accommodations导入js文件并显示404错误。例如,它尝试从http://localhost:4200/accommodations/runtime.js
导入运行时js我没有发现问题本身,但是我发现如果我使用useHash:true
,错误就会消失