title: Angular 6 - Routing to child module of a lazy module not working
body: <p>I'm trying to develop an application where the root module will display a list of router links that will load lazy modules:</p>
  
  <pre><code>const appRoutes: Routes = [
  {
   path: 'compose',
   component: ComposeMessageComponent,
   outlet: 'popup'
  },
  {
   path: 'admin',
   loadChildren: 'app/admin/admin.module#AdminModule',
   canLoad: [AuthGuard]
  },
  {
   path: 'crisis-center',
   loadChildren: 'app/crisis-center/crisis-center.module#CrisisCenterModule',
   data: { preload: true }
  }
  ];
  </code></pre>
  
  <p>In this particular case the admin module will have two router links for components declared by itself and one router link for another module (manage-heroes):</p>
  
  <pre><code>const adminRoutes: Routes = [
    {
      path: '',
      component: AdminComponent,
      canActivate: [AuthGuard],
      children: [
        {
          path: '',
          canActivateChild: [AuthGuard],
          children: [
            { path: 'crises', component: ManageCrisesComponent },
            {path: 'heroes', component: ManageHeroesComponent},
            { path: '', component: AdminDashboardComponent }
          ]
        }
      ]
    }
  ];
  </code></pre>
  
  <p>I can navigate fine to all paths, but if go to heroes and try to navigate to one of its own routes (e.g. zeroes) I get a page not found. The heroes routing looks like this:</p>
  
  <pre><code>const manageHeroesRoutes: Routes = [
    {
      path: '',
      component: ManageHeroesComponent,
      children: [
          { path: 'zeroes', component: ManageZerosComponent },
          { path: 'friends', component: ManageFriendsComponent }
      ]
    }
  ];
  </code></pre>
  
  <p>I notice that if I replace the heroes path in admin routes to:</p>
  
  <pre><code>children: [
    { path: 'crises', component: ManageCrisesComponent },
    {path: 'heroes', loadChildren: 'app/admin/manage-heroes/manage-heroes.module#ManageHeroesModule'},
    { path: '', component: AdminDashboardComponent }
  ]
  </code></pre>
  
  <p>I can access the heroes routes just fine. But I would like to understand why can't I access them without lazy loading the ManageHeroes module.</p>
  
  <p>Here is a link to stackblitz with a reproduction of my problem <a href="https://stackblitz.com/edit/angular-pm9wsz" rel="noreferrer">https://stackblitz.com/edit/angular-pm9wsz</a></p>
  
  <p>Thanks.</p>