ionic问题:No component factory found for xxx.component.Did you add it to @NgModule.entryComponents

问题

我需要在一个页面，点击按钮弹出一个modal页面。modal页面已经生成好，主页面写好了跳转：

然而出现了以下情况：

原因

因为使用的是懒加载，而该页面的NgModule还未被导入。
所以报错信息中提示：‘是否把该module加入了entryComponents？’

知识点

1.是属于view类还是service类？

出现以上问题，如果你只是需要消除错误打开页面，那么我可以直接告诉你，可以在app.module里面导入该页面即可。但是有没有想过，一个app可能会有无数个弹窗，无数个页面互相切换交互。如果真的全部都在app.module里面声明，代码岂不是很混乱？
所以这里引用一个很简单的概念，首先我们先区分该元件是属于view（页面，弹窗…)还是service（SSO，相机，HTTP请求…）。

如果是页面类，并且是有上下关系的，比如从a页面打开到b页面，从c页面页可以打开b页面。那么我们可以把b页面理解为只会被a页面，c页面所应用，而在我们不打开a、c页面的时候其实b不需要被加载。
但是如果是服务类的，比如说a，b，c页面都有可能因为业务需求、临时增加一些功能，频繁的用到我们写的服务，那么我们就希望我们的服务是一直都加载好，随时调随时用。

2.究竟要放到app.module里面还是对应页面的module里面？

如果确认是Component类型，那么就应该在引用页导入
如果确认是Service类型，那么就应该在app.module导入

解决方法

因为我的component是用于页面跳转（Home跳到NotificaModal），所以只需要在引用的页面加入：

// home.module.ts
@NgModule({
  imports: [
    IonicModule,
    CommonModule,
    FormsModule,
    HomePageRoutingModule,
    NotificaModalPageModule,//这个是要跳转的modal页面模块
  ],
  declarations: [HomePage]
})
export class HomePageModule {}

引用：
[1]: Understanding Angular modules (NgModule) and their scopes

[2]: Angular 6: no component factory found,did you add it to @NgModule.entryComponents?