Angular 6-路由到惰性模块的子模块不起作用

我正在尝试开发一个应用程序，其中根模块将显示将加载惰性模块的路由器链接的列表：

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 }
}
];

在这种特殊情况下，管理模块将具有两个路由器链接，用于其自身声明的组件，以及一个路由器链接，用于另一个模块（管理英雄）：

const adminRoutes: Routes = [
  {
    path: '',
    component: AdminComponent,
    canActivate: [AuthGuard],
    children: [
      {
        path: '',
        canActivateChild: [AuthGuard],
        children: [
          { path: 'crises', component: ManageCrisesComponent },
          {path: 'heroes', component: ManageHeroesComponent},
          { path: '', component: AdminDashboardComponent }
        ]
      }
    ]
  }
];

我可以导航到所有路径，但是如果去找英雄并尝试导航到它自己的路线之一（例如零），则找不到页面。英雄路线如下所示：

const manageHeroesRoutes: Routes = [
  {
    path: '',
    component: ManageHeroesComponent,
    children: [
        { path: 'zeroes', component: ManageZerosComponent },
        { path: 'friends', component: ManageFriendsComponent }
    ]
  }
];

我注意到，如果我将管理员路由中的heroes路径替换为：

children: [
  { path: 'crises', component: ManageCrisesComponent },
  {path: 'heroes', loadChildren: 'app/admin/manage-heroes/manage-heroes.module#ManageHeroesModule'},
  { path: '', component: AdminDashboardComponent }
]

我可以进入英雄路线了。但是我想了解为什么不延迟加载ManageHeroes模块就不能访问它们。

这是到我的问题的复制到stackblitz的链接https://stackblitz.com/edit/angular-pm9wsz

谢谢。