我使用的是带有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
我该怎么解决呢?
当前回答
你应该像这样在模块中导入NgbModule:
@NgModule ({ 声明:[ AboutModalComponent ]， 进口:[ CommonModule, SharedModule, RouterModule, FormsModule, ReactiveFormsModule, NgxLoadingModule, NgbDatepickerModule, NgbModule ]， entryComponents (AboutModalComponent): }） 导出类HomeModule {}
其他回答
将该组件添加到应用模块的@NgModule的entryComponents中:
entryComponents:[ConfirmComponent],
以及声明:
declarations: [
AppComponent,
ConfirmComponent
]
在导入中添加'NgbModalModule'，并在entryComponents App.module.ts中添加组件名称，如下所示
我可能稍后再回复。但是对于那些仍然在寻找这个问题的解决方案并且在他们的代码中有这个的人来说，删除这个可能是有帮助的。我们在tsconfig中有以下条目。json文件:
"angularCompilerOptions": {
"enableIvy": false
}
我们也面临同样的问题。经过大量的实验，我们从tsconfig.json中删除了这个块。现在我们的代码不再抱怨这个问题了。
我导入材料设计对话框模块，所以我创建了aboutcomponent的对话框，从openDialog方法调用这个组件，然后我得到了这个错误，我只是把这个
declarations: [
AppComponent,
ExampleDialogComponent
],
entryComponents: [
ExampleDialogComponent
],
参见entryComponent的详细信息:
如果你正在动态加载任何组件，那么你需要把它放在declarations和entryComponent中:
@NgModule({
imports: [...],
exports: [...],
entryComponents: [ConfirmComponent,..],
declarations: [ConfirmComponent,...],
providers: [...]
})
