我使用的是带有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
我该怎么解决呢?
当前回答
我导入材料设计对话框模块，所以我创建了aboutcomponent的对话框，从openDialog方法调用这个组件，然后我得到了这个错误，我只是把这个
declarations: [
AppComponent,
ExampleDialogComponent
],
entryComponents: [
ExampleDialogComponent
],
其他回答
将该组件添加到应用模块的@NgModule的entryComponents中:
entryComponents:[ConfirmComponent],
以及声明:
declarations: [
AppComponent,
ConfirmComponent
]
我在使用动态组件的ag网格中遇到了同样的问题。我发现你需要在ag-grid模块中添加动态组件。withcomponents []
进口:[ StratoMaterialModule, BrowserModule, AppRoutingModule, HttpClientModule, BrowserAnimationsModule, NgbModule.forRoot (), FormsModule, ReactiveFormsModule, AppRoutingModule, AgGridModule.withComponents (ProjectUpdateButtonComponent) ]，
我导入材料设计对话框模块，所以我创建了aboutcomponent的对话框，从openDialog方法调用这个组件，然后我得到了这个错误，我只是把这个
declarations: [
AppComponent,
ExampleDialogComponent
],
entryComponents: [
ExampleDialogComponent
],
我也有同样的问题。在这种情况下进口[…]]是至关重要的，因为如果你不导入NgbModalModule，它将无法工作。
错误描述说组件应该添加到entryComponents数组中，这是显而易见的，但请确保您已经在第一个位置添加了这个:
imports: [
...
NgbModalModule,
...
],
参见entryComponent的详细信息:
如果你正在动态加载任何组件，那么你需要把它放在declarations和entryComponent中:
@NgModule({
imports: [...],
exports: [...],
entryComponents: [ConfirmComponent,..],
declarations: [ConfirmComponent,...],
providers: [...]
})
