我使用的是带有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
我该怎么解决呢?
当前回答
角6也有同样的问题， 这对我来说很管用:
@NgModule({
...
entryComponents: [ConfirmComponent],
providers:[ConfirmService]
})
如果你有一个像ConfirmService这样的服务，必须在当前模块的提供者中声明，而不是在根模块中声明
其他回答
在我的例子中，我忘记将MatDialogModule添加到子模块的导入中。
此错误发生在您尝试动态加载组件时，并且:
要加载的组件不是路由模块 该组件在模块entryComponents中为no。
在routingModule
const routes: Routes = [{ path: 'confirm-component', component: ConfirmComponent,data: {}}]
或者在模块中
entryComponents: [
ConfirmComponent
}
要修复此错误，您可以将路由器添加到组件或添加到模块的entryComponents中。
添加路由器到组件。这种方法的缺点是你的 组件将通过该url访问。 将其添加到entryComponents中。在这种情况下，您的组件将没有附加任何url，它将无法通过url访问。
我可能稍后再回复。但是对于那些仍然在寻找这个问题的解决方案并且在他们的代码中有这个的人来说，删除这个可能是有帮助的。我们在tsconfig中有以下条目。json文件:
"angularCompilerOptions": {
"enableIvy": false
}
我们也面临同样的问题。经过大量的实验，我们从tsconfig.json中删除了这个块。现在我们的代码不再抱怨这个问题了。
如果在应用程序中使用路由
确保在路由路径中添加新组件
例如:
const appRoutes: Routes = [
{ path: '', component: LoginComponent },
{ path: 'home', component: HomeComponent },
{ path: 'fundList', component: FundListComponent },
];
在这里澄清一下。如果你不直接在组件中使用ComponentFactoryResolver，并且你想将它抽象为服务，然后将其注入到组件中，你必须在该模块的providers下加载它，因为如果延迟加载它将不起作用。
