У меня есть компонент wrapper.component.ts
, который включает в себя верхний и нижний колонтитулы и маршрутизатор-выход. Однако этот компонент находится в другой розетке маршрутизатора родительского элемента.
Теперь у меня есть следующий модуль маршрутизации
export const routes: Routes = [
{
path: '',
component: ParentComponent,
children: [
{
path: '',
component: LoginComponent
},
{
path: 'admin',
component: WrapperComponent,
canActivateChild: [AuthGuard],
children: [ ... ]
...
@NgModule({
imports: [
RouterModule.forRoot(routes)
],
exports: [RouterModule]
})
export class AppRoutingModule {
}
Теперь у меня проблема при запуске тестов для WrapperComponent
, там написано
- Если «router-outlet» является угловым компонентом, то убедитесь, что он является частью этого модуля.
- Если «router-outlet» является веб-компонентом, то добавьте «CUSTOM_ELEMENTS_SCHEMA» в «@ NgModule.schemas» этого компонента, чтобы подавить это сообщение. (»
[ОШИБКА ->]
«Роутер-аутлет» не является известным элементом:
...
Я пытался импортировать мой модуль маршрутизации
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [AdminWrapperComponent, HeaderComponent, FooterComponent],
imports: [AppRoutingModule]
})
.compileComponents();
}));
Однако это не удалось. Также попытался импортировать RouterTestModule, который также не работал.