Angular 4:没有找到组件工厂，你把它添加到@NgModule.entryComponents了吗?

我使用的是带有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

我该怎么解决呢?

当前回答

在我的例子中，我忘记将MatDialogModule添加到子模块的导入中。

其他回答

我对引导模态也有同样的问题

从 '@ng-bootstrap/ng-bootstrap' 导入 { NgbModal };

如果是这种情况，只需像其他响应建议的那样，将组件添加到模块声明和entryComponents中，但也要将此添加到模块中

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

imports: [
   NgbModule.forRoot(),
   ...
]

如果在entryComponents中提供组件对话框类后仍然有错误，请尝试重新启动ng serve -这对我来说是有效的。

在本节中，你必须在app.module.ts文件的以下部分中输入作为子组件使用的组件:[CityModalComponent](模态组件):

 entryComponents: [
CityModalComponent
],

将此添加到module.ts中，

declarations: [
  AppComponent,
  ConfirmComponent
]

如果ConfirmComponent在另一个模块中，你需要导出它，这样你就可以在外面使用它，添加:

exports: [ ConfirmComponent ]

更新Angular 9或Angular 8，显式启用Ivy

使用Ivy的入口组件不再是必需的，现在已弃用

——用于禁用了Ivy的Angular 9和8——

在动态加载组件的情况下，为了生成ComponentFactory，该组件还必须添加到模块的entryComponents:

declarations: [
  AppComponent,
  ConfirmComponent
],
entryComponents: [ConfirmComponent],

根据entryComponents的定义

指定定义此模块时应编译的组件列表。对于这里列出的每个组件，Angular都会创建一个ComponentFactory，并将其存储在ComponentFactoryResolver中。

我也有同样的问题。在这种情况下进口[…]]是至关重要的，因为如果你不导入NgbModalModule，它将无法工作。

错误描述说组件应该添加到entryComponents数组中，这是显而易见的，但请确保您已经在第一个位置添加了这个:

imports: [
    ...
    NgbModalModule,
    ...
  ],

推荐文章