尝试从模块加载“独立”组件时出错

Question

我想将新的独立组件CrashReportsComponent注入到我的项目中。但是，当我试图从模块路由连接组件时，如果组件类型不像NgModule NgModule '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() {}
}

Answer 1

我相信你想要的是loadComponent而不是loadChildren。