我使用的是带有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,
...
],
其他回答
角6也有同样的问题， 这对我来说很管用:
@NgModule({
...
entryComponents: [ConfirmComponent],
providers:[ConfirmService]
})
如果你有一个像ConfirmService这样的服务，必须在当前模块的提供者中声明，而不是在根模块中声明
我在使用动态组件的ag网格中遇到了同样的问题。我发现你需要在ag-grid模块中添加动态组件。withcomponents []
进口:[ StratoMaterialModule, BrowserModule, AppRoutingModule, HttpClientModule, BrowserAnimationsModule, NgbModule.forRoot (), FormsModule, ReactiveFormsModule, AppRoutingModule, AgGridModule.withComponents (ProjectUpdateButtonComponent) ]，
入口组件是至关重要的。以上答案是正确的。
但是…
如果您正在提供打开模式(一种常见模式)的服务 你的模块定义了对话框组件没有加载到AppModule中，你需要将providedIn: 'root'更改为providedIn: MyModule。作为一般的良好实践，你应该对模块中的所有对话服务使用providedIn: SomeModule。
我对引导模态也有同样的问题
从 '@ng-bootstrap/ng-bootstrap' 导入 { NgbModal };
如果是这种情况，只需像其他响应建议的那样，将组件添加到模块声明和entryComponents中，但也要将此添加到模块中
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
imports: [
NgbModule.forRoot(),
...
]
将该组件添加到应用模块的@NgModule的entryComponents中:
entryComponents:[ConfirmComponent],
以及声明:
declarations: [
AppComponent,
ConfirmComponent
]
