代码之家  ›  专栏  ›  技术社区  ›  Dheeraj Kumar

角度为6的延迟模块的子路径未加载

  •  0
  • Dheeraj Kumar  · 技术社区  · 6 年前

    我正在尝试在延迟加载的模块中使用路由,但它不起作用。

    这是我的应用程序模块路由。

      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",
    
    2 回复  |  直到 6 年前
        1
  •  1
  •   freepowder    6 年前

    请看这个例子

       https://angular-svs3xe.stackblitz.io
    
       https://stackblitz.com/edit/angular-svs3xe
    
        2
  •  0
  •   Roberto Zvjerković sabithpocker    6 年前

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