我使用的是带有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
我该怎么解决呢?
当前回答
我的错误是在.html中调用NgbModal open方法时参数不正确
其他回答
在这里澄清一下。如果你不直接在组件中使用ComponentFactoryResolver，并且你想将它抽象为服务，然后将其注入到组件中，你必须在该模块的providers下加载它，因为如果延迟加载它将不起作用。
将该组件添加到应用模块的@NgModule的entryComponents中:
entryComponents:[ConfirmComponent],
以及声明:
declarations: [
AppComponent,
ConfirmComponent
]
在我的例子中，我根本不需要entryComponents -只需要下面链接中描述的基本设置，但我需要在主应用程序模块和外围模块中都包含导入。
imports: [
NgbModule.forRoot(),
...
]
https://medium.com/@sunilk/getting-started-angular-6-and-ng-bootstrap-4-4b314e015c1c
如果一个组件将被包含在模态中，你只需要将它添加到entryComponents中。从文档中可以看出:
您可以将现有组件作为模式窗口的内容传递。在 在这种情况下，请记住将内容组件添加为entryComponents 部分。
在导入中添加'NgbModalModule'，并在entryComponents App.module.ts中添加组件名称，如下所示
参见entryComponent的详细信息:
如果你正在动态加载任何组件，那么你需要把它放在declarations和entryComponent中:
@NgModule({
imports: [...],
exports: [...],
entryComponents: [ConfirmComponent,..],
declarations: [ConfirmComponent,...],
providers: [...]
})
