Javascript 类型页是2个模块错误声明的一部分
我想在几个页面中使用相同的模式。但是我得到一个错误,页面类型是2个模块声明的一部分。我知道一个类似的问题已经存在,但我不能让它工作,因为我不是与一个模块,而是与一个页面 用作模型的page.module.tsJavascript 类型页是2个模块错误声明的一部分,javascript,angular,typescript,ionic-framework,ionic4,Javascript,Angular,Typescript,Ionic Framework,Ionic4,我想在几个页面中使用相同的模式。但是我得到一个错误,页面类型是2个模块声明的一部分。我知道一个类似的问题已经存在,但我不能让它工作,因为我不是与一个模块,而是与一个页面 用作模型的page.module.ts import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule, ReactiveFormsModule } from '@angu
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中的一个
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.module.ts。 您的设置应如下所示
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 {}