我遇到了一个错误,我似乎无法解决。当我将我的应用程序细分为懒加载效率,并使用子路由器进行 "child" 时,我需要使用在主应用程序中使用的组件。
但是我得到了以下错误消息:
“Type AccountInfoComponent is part of the declarations of 2 modules”
我的应用程序结构如下:
但是我得到了以下错误消息:
“Type AccountInfoComponent is part of the declarations of 2 modules”
我的应用程序结构如下:
app
|--components
|--accountInfo
|--accountInfo.component.ts
|--user
|--user.component.ts
|--modules
|--child
|--child.component.ts
|--child.module.ts
|--child.routing.module.ts
|--app.module.ts
|--app.routing.module.ts
在主模块中声明了AccountInfoComponent(它没有被导入到主路由器中,而是通过其选择器调用...)
所以我将我的“子”组件移动到自己的模块中,包括一个(为子组件)设计的路由和延迟加载
我的"Child.router"
如下所示
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ChildComponent } from './child.component';
import { ChildProfileComponent } from './child.profile.component';
import { AccountInfoComponent } from '../../components/accountinfo/accountinfo.component';
const childRoutes: Routes = [
{
path: '',
component: ChildComponent,
children: [
{
path: '',
component: ChildProfileComponent
},
{
path: 'account',
component: AccountInfoComponent
}
]
}
];
@NgModule({
imports: [
RouterModule.forChild( childRoutes )
],
exports: [
RouterModule
]
})
export class ChildRoutingModule {}
主要的app.module
声明了AccountInfoComponent
,因为它在user.component
中被使用。
我尝试将AccountInfoComponent
导入到子路由中,也尝试从主模块中导出它。
问题:如何在多个模块中使用组件?主应用程序和嵌套模块中都需要使用。
NgModule
是一个设计不佳的抽象化概念。 - undefined