2017-08-05 20 views
1

C:\ WAMP \ WWW \ Ionic4 \ ionic3-angular4的\ src \网页\家\ home.ts有 @IonicPage装饰,但它并不位于C有一个相应的 “NgModule” :\ WAMP \ WWW \ Ionic4 \ ionic3-angular4的\ src \网页\家\ home.module.ts错误:有一个@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 { } 

回答

1

home.module.ts应该像below.You已经错过了@NgModule。你不需要用entryComponents: [HomePage]module.ts内file.So下面所显示的尝试一些性质。

注: +关键问题是缺少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 { } 
+1

是的,我认为关键是缺少'exports'阵列,这就是为什么'HomePage'无法导入。 +1 – sebaferreras

+1

是的,谢谢,@sebaferreras :) – Sampath

相关问题