angular - @NgModule.entryComponents 错误

我有一个代码：

////////////////login.module.ts
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { LoginPage } from './login';

@NgModule({
  declarations: [
    LoginPage,
  ],
  imports: [
    IonicPageModule.forChild(LoginPage),
  ],
})
export class LoginPageModule {}

////////////////// login.ts
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-login',
  templateUrl: 'login.html',
})
export class LoginPage {
  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad LoginPage');
  }

  doLogin(){
    this.navCtrl.setRoot('SpecialPage')
  }
}

/////////////////login.html
<ion-content padding>
  <button ion-button full (click)="doLogin()">Login</button>
</ion-content>


//////////////// special.module.ts
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { SpecialPage } from './special';
import { HomePage } from '../home/home';

@NgModule({
  declarations: [
    SpecialPage,
    HomePage
  ],
  entryComponents: [
    SpecialPage,
    HomePage
  ],
  imports: [
    IonicPageModule.forChild(SpecialPage),
  ],
})
export class SpecialPageModule {}

//////////////// special.ts
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

import { HomePage } from '../home/home';

@IonicPage()
@Component({
  selector: 'page-special',
  templateUrl: 'special.html',
})
export class SpecialPage {
  tab1Root = HomePage;
  myIndex : number;

  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad SpecialPage');
  }
}

/////////////////// special.html
<ion-tabs [selectedIndex]="myIndex">
  <ion-tab [root]="tab1Root" tabTitle="Home"  tabIcon="home"></ion-tab>
</ion-tabs>

/////////////// home.ts
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  constructor(public navCtrl: NavController) {
  }
}

我收到一个错误：运行时错误 Uncaught (in promise)：错误：未找到 HomePage 的组件工厂。你是否将它添加到 @NgModule.entryComponents？错误：未找到 HomePage 的组件工厂。你是否将它添加到 @NgModule.entryComponents？位于 noComponentFactoryError (http://localhost:8101/build/vendor.js:3682:34) 位于 _NullComponentFactoryResolver.resolveComponentFactory (http://localhost:8101/build/vendor.js:3700:15) 位于 CodegenComponentFactoryResolver.resolveComponentFactory

请帮忙，出了什么问题，我把 home 包含进了 entryComponents。不过还是有一个错误

答案＃1

你需要从 special.module.ts 模块中移除 HomePage。你应该只将它添加到 app.module.ts，因为你没有在 home 组件中使用 懒加载。

special.module.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { SpecialPage } from './special';
//import { HomePage } from '../home/home'; --> remove this

@NgModule({
  declarations: [
    SpecialPage,
    //HomePage --> remove this
  ],
  entryComponents: [
    SpecialPage,
    //HomePage --> remove this
  ],
  imports: [
    IonicPageModule.forChild(SpecialPage),
  ],
})
export class SpecialPageModule {}