小编Ant*_*kov的帖子

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

我想将新的独立组件注入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 {}
Run Code Online (Sandbox Code Playgroud)
import { Component } from …
Run Code Online (Sandbox Code Playgroud)

angular angular14 angular-standalone-components

3
推荐指数
1
解决办法
4352
查看次数