Маршрутизация с модулями Lazy Loading, не работающими с params

Question

Я понимаю, что на сайте уже много дискуссий о ленивой загрузке.

Но, пожалуйста, поймите, я задаю этот вопрос, потому что я не нашел подходящего решения.

Я использую маршрутизацию с отложенной загрузкой в ​​угловых 6.

Это то, что я пытаюсь.

В родительском модуле

{
    path: 'holiday',
    loadChildren: './holiday/holiday.module#HolidayModule'
  }

В дочернем модуле.

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

во время навигации "localhost:4200/holiday", он перенаправляется на HolidayBookingComponent правильно

но при переходе на "localhost:4200/holiday/3" я получаю

GET http://localhost:4200/holiday/runtime.js net::ERR_ABORTED 404 (Not Found)

Любая помощь приветствуется.

Answer 1

Попробуйте с

const routes: Routes = [
  {path: '', 
     children :[
      {path: '',component: HolidayBookingComponent, 
      {path: ':id', component: HolidayBookingComponent}
     ]
  },

];

Надеюсь, это поможет!

здесь работает https://stackblitz.com/edit/angular-yuirrk