Угловой 6 - дочерние пути лениво загруженного модуля не загружаются

Question

Я пытаюсь работать с маршрутизацией в лениво загруженных модулях, но она не работает.

Это маршрутизация моего приложения.

  export const routes: Routes = [
  {
    path: '',
    component: DefaultLayoutComponent,
    data: {
      title: 'Home'
    },
    children: [
      {
        path: 'holiday',
        loadChildren: './holiday/holiday.module#HolidayModule'
      }
    ]
  },
  {
    path:"**",
    component:P404Component
  }
];

Это RoutingModule для лениво загруженныхмодуль.

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

];

Я могу перейти к http://localhost:4200 и http://localhost:4200/holiday правильно.

Но когда я пытаюсь http://localhost:4200/holiday/1 выдает 404 в консоли.

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

Это зависимости в package.json, если вам это нужно.

"@angular/cli": "^6.2.6",
"@angular/router": "^6.1.10",
"@angular/core": "^6.1.10",

Answer 1

Пожалуйста, посмотрите на этот пример

   https://angular-svs3xe.stackblitz.io

   https://stackblitz.com/edit/angular-svs3xe

Answer 2

Вы, вероятно, хотите это для своих ленивых маршрутов:

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