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

我该怎么解决呢?

当前回答

我对引导模态也有同样的问题

从 '@ng-bootstrap/ng-bootstrap' 导入 { NgbModal };

如果是这种情况，只需像其他响应建议的那样，将组件添加到模块声明和entryComponents中，但也要将此添加到模块中

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

imports: [
   NgbModule.forRoot(),
   ...
]

其他回答

如果在entryComponents中提供组件对话框类后仍然有错误，请尝试重新启动ng serve -这对我来说是有效的。

在我的例子中，我根本不需要entryComponents -只需要下面链接中描述的基本设置，但我需要在主应用程序模块和外围模块中都包含导入。

imports: [
    NgbModule.forRoot(),
    ...
]

https://medium.com/@sunilk/getting-started-angular-6-and-ng-bootstrap-4-4b314e015c1c

如果一个组件将被包含在模态中，你只需要将它添加到entryComponents中。从文档中可以看出:

您可以将现有组件作为模式窗口的内容传递。在在这种情况下，请记住将内容组件添加为entryComponents 部分。

在我的例子中，我忘记将MatDialogModule添加到子模块的导入中。

我对引导模态也有同样的问题

从 '@ng-bootstrap/ng-bootstrap' 导入 { NgbModal };

如果是这种情况，只需像其他响应建议的那样，将组件添加到模块声明和entryComponents中，但也要将此添加到模块中

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

imports: [
   NgbModule.forRoot(),
   ...
]

在导入中添加'NgbModalModule'，并在entryComponents App.module.ts中添加组件名称，如下所示

推荐文章