[英]Error: Type LoginComponent is part of the declarations of 2 modules: LoginModule and AppModule
[英]Type page is part of the declarations of 2 modules error
我想在几个页面中使用相同的模式。 但是我得到这个错误,页面类型是 2 个模块声明的一部分。 我知道已经存在类似的问题( Component 是 Angular 中 2 个模块的声明的一部分)但是我无法使用它,因为我不是使用模块而是使用页面。
page.module.ts 用作 model
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';
import { IonicModule } from '@ionic/angular';
import { ComponentsModule } from '../components/components.module';
import { FilterPage } from './filter.page';
const routes: Routes = [
{
path: '',
component: FilterPage
}
];
@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
IonicModule,
RouterModule.forChild(routes),
ComponentsModule
],
declarations: [FilterPage],
exports: [FilterPage]
})
export class FilterPageModule {}
两个 page.module.ts 之一,用作 model 应出现的位置
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';
import { FilterPage } from '../filter/filter.page'
import { IonicModule } from '@ionic/angular';
import { FriendsPage } from './friends.page';
const routes: Routes = [
{
path: '',
component: FriendsPage
}
];
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
RouterModule.forChild(routes),
],
declarations: [FriendsPage, FilterPage],
entryComponents: [FilterPage]
})
export class FriendsPageModule {}
您应该创建一个名为 shared 或任何您希望的文件夹。在shared
文件夹中移动您想要多次使用的pipes
、 directives
、 components
和模式。 shared.module.ts
modals
您的设置应如下所示。
const COMPONENTS=[
FilterPage
];
@NgModule({
exports:[...COMPONENTS,...PIPES,...DIRECTIVES],
declarations:[...COMPONENTS,...PIPES,...DIRECTIVES],
entryComponents:[...COMPONENTS]
})
export class SharedModule{
}
然后将SharedModule
导入要在里面使用的模块。
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
RouterModule.forChild(routes),
SharedModule
],
declarations: [FriendsPage],
entryComponents: [FriendsPage]
})
export class FriendsPageModule {}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.