C:\ wamp \ www \ Ionic4 \ ionic3-angular4 \ src \ pages \ home \ home.ts有一个 @IonicPage装饰,但它没有相应的" NgModule" 在C:\ wamp \ www \ Ionic4 \ ionic3-angular4 \ src \ pages \ home \ home.module.ts
home.ts
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { IonicPage } from 'ionic-angular';
@IonicPage({
name: 'home'
})
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController) {
}
}
home.module.ts
import { NgModule } from '@angular/core';
import { HomePage} from './home';
import { IonicPageModule } from 'ionic-angular';
@NgModule({
declarations: [HomePage],
imports: [IonicPageModule.forChild(HomePage)],
entryComponents: [HomePage]
})
export class HomePageModule { }
答案 0 :(得分:1)
您的home.module.ts
应如下所示。您错过了@NgModule
上的某些属性。您无需在entryComponents: [HomePage]
文件中使用module.ts
。如下所示。
注意: +关键问题是缺少exports
数组。
home.module.ts
import { NgModule } from '@angular/core';
import { HomePage} from './home';
import { IonicPageModule } from 'ionic-angular';
@NgModule({
declarations: [
HomePage
],
imports: [
IonicPageModule.forChild(HomePage),
],
exports: [
HomePage
]
})
export class HomePageModule { }