title: Angular 6 - Children paths of lazy loaded module are not loading
body: <p>I am trying to work with routing in lazy loaded modules, but it is not working.</p>
  
  <p>This is my app module routing.</p>
  
  <pre><code>  export const routes: Routes = [
    {
      path: '',
      component: DefaultLayoutComponent,
      data: {
        title: 'Home'
      },
      children: [
        {
          path: 'holiday',
          loadChildren: './holiday/holiday.module#HolidayModule'
        }
      ]
    },
    {
      path:"**",
      component:P404Component
    }
  ];
  </code></pre>
  
  <p>This is RoutingModule for lazy-loaded module.</p>
  
  <pre><code>   const routes: Routes = [
    {
      path: '', children: [
        { path: '', component: HolidayBookingComponent },
        { path: ':id', component: HolidayBookingComponent },
        { path: 'booking', component: HolidayBookingComponent },
        { path: 'review', component: HolidayReviewComponent }
      ]
    },
  
  ];
  </code></pre>
  
  <p>I can navigate to <a href="http://localhost:4200" rel="nofollow noreferrer">http://localhost:4200</a> and <a href="http://localhost:4200/holiday" rel="nofollow noreferrer">http://localhost:4200/holiday</a> correctly.</p>
  
  <p><strong>But when I try</strong> <a href="http://localhost:4200/holiday/1" rel="nofollow noreferrer">http://localhost:4200/holiday/1</a> it throws 404 in console.</p>
  
  <pre><code>GET http://localhost:4200/holiday/runtime.js net::ERR_ABORTED 404 (Not Found)
  </code></pre>
  
  <p>These are dependencies in package.json in case you need it.</p>
  
  <pre><code>"@angular/cli": "^6.2.6",
  "@angular/router": "^6.1.10",
  "@angular/core": "^6.1.10",
  </code></pre>