我使用的是带有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
我该怎么解决呢?
当前回答
在这里澄清一下。如果你不直接在组件中使用ComponentFactoryResolver，并且你想将它抽象为服务，然后将其注入到组件中，你必须在该模块的providers下加载它，因为如果延迟加载它将不起作用。
其他回答
我可能稍后再回复。但是对于那些仍然在寻找这个问题的解决方案并且在他们的代码中有这个的人来说，删除这个可能是有帮助的。我们在tsconfig中有以下条目。json文件:
"angularCompilerOptions": {
"enableIvy": false
}
我们也面临同样的问题。经过大量的实验，我们从tsconfig.json中删除了这个块。现在我们的代码不再抱怨这个问题了。
参见entryComponent的详细信息:
如果你正在动态加载任何组件，那么你需要把它放在declarations和entryComponent中:
@NgModule({
imports: [...],
exports: [...],
entryComponents: [ConfirmComponent,..],
declarations: [ConfirmComponent,...],
providers: [...]
})
在本节中，你必须在app.module.ts文件的以下部分中输入作为子组件使用的组件:[CityModalComponent](模态组件):
entryComponents: [
CityModalComponent
],
角6也有同样的问题， 这对我来说很管用:
@NgModule({
...
entryComponents: [ConfirmComponent],
providers:[ConfirmService]
})
如果你有一个像ConfirmService这样的服务，必须在当前模块的提供者中声明，而不是在根模块中声明
你应该像这样在模块中导入NgbModule:
@NgModule ({ 声明:[ AboutModalComponent ]， 进口:[ CommonModule, SharedModule, RouterModule, FormsModule, ReactiveFormsModule, NgxLoadingModule, NgbDatepickerModule, NgbModule ]， entryComponents (AboutModalComponent): }） 导出类HomeModule {}
