错误：有一个@IonicPage装饰器，但它没有相应的“NgModule”装置。

问题描述

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

推荐答案

你的 home.module.ts 应如下所示。你错过了 @NgModule 的一些属性。您不需要在 module.ts 文件中使用 entryComponents：[HomePage] 。请尝试如下所示。

Your home.module.ts should be like below.You have missed some properties on @NgModule.You don't need to use entryComponents: [HomePage] inside your module.ts file.So try as shown below.

注意： +关键问题是缺少 exports 数组。

Note: + The key issue is the missing exports array.

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

这篇关于错误：有一个@IonicPage装饰器，但它没有相应的“NgModule”装置。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！