错误:有一个@IonicPage装饰器,但它没有相应的" NgModule"

时间:2017-08-05 04:57:57

标签: angular typescript ionic3

  

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 { }

1 个答案:

答案 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 { }