我使用的是带有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
我该怎么解决呢?
当前回答
如果在应用程序中使用路由
确保在路由路径中添加新组件
例如:
const appRoutes: Routes = [
{ path: '', component: LoginComponent },
{ path: 'home', component: HomeComponent },
{ path: 'fundList', component: FundListComponent },
];
其他回答
在导入中添加'NgbModalModule'，并在entryComponents App.module.ts中添加组件名称，如下所示
我导入材料设计对话框模块，所以我创建了aboutcomponent的对话框，从openDialog方法调用这个组件，然后我得到了这个错误，我只是把这个
declarations: [
AppComponent,
ExampleDialogComponent
],
entryComponents: [
ExampleDialogComponent
],
TL;DR: ng6中带有providedIn: "root"的服务在app.module的entryComponents中没有添加组件时，无法找到ComponentFactory。
如果你在使用angular 6的同时在服务中动态创建组件，也会出现这个问题!
例如，创建一个Overlay:
@Injectable({
providedIn: "root"
})
export class OverlayService {
constructor(private _overlay: Overlay) {}
openOverlay() {
const overlayRef = this._createOverlay();
const portal = new ComponentPortal(OverlayExampleComponent);
overlayRef.attach(portal).instance;
}
}
问题在于
提供于：“根”
定义，它在app.module中提供此服务。
因此，如果你的服务位于，例如，“OverlayModule”中，在那里你也声明了OverlayExampleComponent并将其添加到entryComponents中，该服务无法为OverlayExampleComponent找到ComponentFactory。
我用的是Angular8，我试着从另一个模块动态地打开这个组件， 在这种情况下，您需要将模块导入到试图打开该组件的模块中，当然，除了导出该组件并将其列出到entryComponents数组中，就像前面的答案所做的那样。
imports: [
...
TheModuleThatOwnTheTargetedComponent,
...
],
在我的情况下，我解决了这个问题: 1)将NgxMaterialTimepickerModule放在app模块导入中:[] 2)在testmodule中放置NgxMaterialTimepickerModule。Ts导入:[] 3)将testcomponent放在声明中:[]和entryComponents:[]
(我使用的是angular 8+版本)
