Ошибка при попытке загрузить "автономный" компонент из модуля
Я хочу внедрить новый автономный компонентCrashReportsComponent
в мой проект. Но при попытке подключить компонент из module-routing выдает ошибку, что тип компонента не похож на NgModuleNgModule 'CrashReportsComponent' is not a subtype of 'NgModuleType'
.
По задумке разработчиков, я могу подключить отдельный компонент вместо модуля, и это должно работать без каких-либо изменений в модуле.
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { CommonLayoutComponent } from './common-layout.component';
import { FilterKind } from '../core/services/filter.service';
const routes: Routes = [
{
path: '',
component: CommonLayoutComponent,
children: [
{
path: 'crash-reports',
loadChildren: () =>
import('../pages/crash-reports/crash-reports.component').then((m) => m.CrashReportsComponent),
},
],
},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
export class CommonLayoutRoutingModule {}
import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';
@Component({
selector: 'app-crash-reports',
standalone: true,
imports: [CommonModule],
templateUrl: './crash-reports.component.html',
styleUrls: ['./crash-reports.component.scss'],
})
export class CrashReportsComponent {
constructor() {}
}