Почему компонент Angular 6 не маршрутизируется в загруженном модуле

Question

После нескольких часов и большого количества рефакторинга я не понимаю, почему путь в лениво загруженном модуле маршрутизации не работает должным образом.

Схематически у меня есть модуль маршрутизации в верхней части моего приложения,которые загружают модуль панели мониторинга:

  ...
  {
    path: 'dashboard',
    loadChildren: '@app/dashboard/dashboard.module#DashboardModule',
    canActivate: [AuthGuardService]
  },
  ...

DashboardModule импортирует модуль DashBoardRoutingModule, который определен как:

const routes: Routes = [
  {
    path: '', component: DashboardComponent,
    canActivate: [AuthGuardService],
    children: [
      {path: 'shops', component: ShopListComponent}
    ]
  }
];

Я ожидал, что http://localhost/dashboard/shops загрузит ShopListComponent, но ... нетвообще ...

Я читал некоторые посты, относящиеся к этому поведению, но даже компонент не был внутри самого модуля, или ... демонстрации ограничены одним маршрутом ...

Чтоя скучаю ?Проверил все мои импорт и декларации ...

Thx

Answer 1

Мы обнаружили, что проблема была в пропущенном <router-outlet></router-outlet> в лениво загруженном модуле.

Answer 2

В компоненте hello вы пытаетесь это:

<a routerLink="/shops">Boutiques</a>

Путь должен быть:

<a routerLink="/dashboard/shops">Boutiques</a>