Angular: No component factory found for ~. Did you add it to @NgModule.entryComponents?


Angularの開発にて、新規コンポーネント(モーダル)を追加しようとして以下のようなエラーに遭遇。

No component factory found for TestModal. Did you add it to @NgModule.entryComponents?

解決方法

文字通り、app.module.tsの記載漏れでした。

module.ts
@NgModule({
  imports: [
    ・・・
  ],
  declarations: [
    TestModal
  ],
  entryComponents: [
    TestModal
  ],
  providers: [
    ・・・
 ]
})

module追加の場合は、exportsにも追記する必要があるようです。

module.ts
  exports: [ TestModule ],

参考

stack overflow: Angular 4: no component factory found,did you add it to @NgModule.entryComponents?