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

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',