為什么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，但...根本不會...

我閱讀了一些與此行為相關的文章，但即使該組件本身也未位於模塊內部，或者...演示僅限於一條路線...

我想念什么？ 檢查了我所有的進口和報關...

謝謝

Answer 1

在hello組件中，您正在嘗試執行以下操作：

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

路徑應為：

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

Answer 2

我們發現問題是延遲加載的模塊中缺少<router-outlet></router-outlet> 。