javascript - 使用延迟加载模块的路由不适用于参数

Question

我知道网站上已经有很多关于延迟加载的讨论。我问这个问题是因为我没有找到任何适用的解决方案。

我在 Angular 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