子路由組件看不到的可重用組件

Question

我有 2 條懶加載路線：

const routes: Routes = [
{
    path: '',
    redirectTo: 'login',
    pathMatch: 'full'
  },
  {
    path: 'login',
    loadChildren: () => import('./login/login.module').then(m => m.LoginModule)
  },
  {
    path: 'dashboard',
    loadChildren: () => import('./dashboard/dashboard.module').then(m => m.DashboardModule)
  }
];

儀表板路線有子路線。

const routes: Routes = [
  {
    path: '',
    component: DashboardComponent,
    children: [
      {
        path: '',
        component: HomeComponent
      },
      {
        path: 'usuarios',
        component: UsersComponent
      }
    ]
  }
]

我創建了一個工具欄可重用組件，我想在儀表板路由器插座上呈現它，但是當我導航到儀表板模塊的子路由時，angular 編譯器說 app-toolbar 不是一個組件。

我已經在 Dashboard 模塊上添加了該組件並在 AppModule 上進行了嘗試，但我得到了相同的結果。 我錯過了什么嗎？

Answer 1

我相信這是 Angular 中延遲加載路由的常見問題。 雖然像您那樣以編程方式指定LoadChildren很方便，但您必須使用 string 代替

loadChildren: './login/login.module#LoginModule',