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，但必须使用字符串la

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

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

1 个答案: