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

我该怎么解决呢?

当前回答

我可能稍后再回复。但是对于那些仍然在寻找这个问题的解决方案并且在他们的代码中有这个的人来说，删除这个可能是有帮助的。我们在tsconfig中有以下条目。json文件:

  "angularCompilerOptions": {
    "enableIvy": false
  }

我们也面临同样的问题。经过大量的实验，我们从tsconfig.json中删除了这个块。现在我们的代码不再抱怨这个问题了。

其他回答

我导入材料设计对话框模块，所以我创建了aboutcomponent的对话框，从openDialog方法调用这个组件，然后我得到了这个错误，我只是把这个

declarations: [
    AppComponent,
    ExampleDialogComponent
  ],

  entryComponents: [
    ExampleDialogComponent
  ],

我的错误是在.html中调用NgbModal open方法时参数不正确

角6也有同样的问题，这对我来说很管用:

@NgModule({
...
entryComponents: [ConfirmComponent],
providers:[ConfirmService]

})

如果你有一个像ConfirmService这样的服务，必须在当前模块的提供者中声明，而不是在根模块中声明

入口组件是至关重要的。以上答案是正确的。

但是…

如果您正在提供打开模式(一种常见模式)的服务你的模块定义了对话框组件没有加载到AppModule中，你需要将providedIn: 'root'更改为providedIn: MyModule。作为一般的良好实践，你应该对模块中的所有对话服务使用providedIn: SomeModule。

将此添加到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中。

推荐文章