Angular 8 loads javascript from wrong path after reload on lazy loaded module

Question

when I reload the page when I'm on lazy loaded module the app breaks as it tries to import js files from the wrong path. you can see my routing configuration: app routing module:

{
  path: 'accommodations',
  canActivate: [AuthGuard],
  loadChildren: () => import('./accommodation/accommodation.module').then(m => m.AccommodationModule)
}

accommodation routing module:

const routes: Routes = [
  {
    path: ':id',
    component: AccommodationDetailsComponent
  }
];

when I'm on route http://localhost:4200/accommodations/1 for example and I reload the page, browser tries to import js files from http://localhost:4200/accommodations and shows 404 error. for example, it tries to import runtime js from http://localhost:4200/accommodations/runtime.js

Answer 1

我没有发现问题本身，但我发现如果我使用useHash:true错误就会消失