Повторно используемый компонент не виден дочерним компонентам маршрутов.

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
      }
    ]
  }
]

Я создал многократно используемый компонент панели инструментов, который я хочу отобразить на маршрутизаторе панели мониторинга. -outlet, но когда я перехожу к дочерним маршрутам модуля панели мониторинга, компилятор angular говорит, что панель инструментов приложения не является компонентом.

Я добавил компонент в модуль панели мониторинга и тоже попробовал на AppModule , но я получаю тот же результат. Я что-то упустил?

Answer 1

Это обычная проблема с ленивыми путями загрузки в Angular, я полагаю. Хотя удобно указывать LoadChildren программно, как и вы, вы должны использовать вместо него строку, например

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