Angular 4:没有找到组件工厂，你把它添加到@NgModule.entryComponents了吗?

我使用的是带有webpack的Angular 4模板当我尝试使用一个组件(ConfirmComponent)时，我有这个错误:

没有为ConfirmComponent找到组件工厂。你加进去了吗 @NgModule.entryComponents吗?

该组件在app.module.server.ts中声明

@NgModule({
  bootstrap: [ AppComponent ],
  imports: [
    // ...
  ],
  entryComponents: [
    ConfirmComponent,
  ],
})
export class AppModule { }

还有app。module。browser。ts和app。module。shared。ts

我该怎么解决呢?

当前回答

我用的是Angular8，我试着从另一个模块动态地打开这个组件，在这种情况下，您需要将模块导入到试图打开该组件的模块中，当然，除了导出该组件并将其列出到entryComponents数组中，就像前面的答案所做的那样。

imports: [
    ...
    TheModuleThatOwnTheTargetedComponent,
    ...
  ],

其他回答

在这里澄清一下。如果你不直接在组件中使用ComponentFactoryResolver，并且你想将它抽象为服务，然后将其注入到组件中，你必须在该模块的providers下加载它，因为如果延迟加载它将不起作用。

角6也有同样的问题，这对我来说很管用:

@NgModule({
...
entryComponents: [ConfirmComponent],
providers:[ConfirmService]

})

如果你有一个像ConfirmService这样的服务，必须在当前模块的提供者中声明，而不是在根模块中声明

将该组件添加到应用模块的@NgModule的entryComponents中:

entryComponents:[ConfirmComponent],

以及声明:

declarations: [
    AppComponent,
    ConfirmComponent
]

imports: [
    ...
    TheModuleThatOwnTheTargetedComponent,
    ...
  ],

在本节中，你必须在app.module.ts文件的以下部分中输入作为子组件使用的组件:[CityModalComponent](模态组件):

 entryComponents: [
CityModalComponent
],

推荐文章