Angular报错：No component factory found for [object Object] 求解决方案

我完全懂你作为Angular新手遇到这个问题的抓狂——明明照着之前的经验把模态框组件加到了entryComponents，结果还是弹出这个模糊到让人摸不着头脑的[object Object]错误，网上搜的方案全不管用。别着急，咱们一步步把问题拆解开修复：

问题核心原因 #

你在MediaComponent里犯了一个典型的新手错误：你把MediaModalComponent当成服务注入了，还把实例化后的对象传给了modalService.open()，但open()方法需要的是组件的类，不是已经创建好的实例。这就导致Angular找不到对应的组件工厂，只能返回[object Object]这个毫无指向性的错误。

具体修复步骤 #

1. 清理构造函数的错误注入
   删掉MediaComponent构造函数里的MediaModalComponent注入，NgbModal会帮你处理模态框的实例化，根本不需要你手动注入组件实例：

   constructor(
     private mediaService: MediaService, // 这里变量名首字母改成小写，符合Angular代码规范哦
     private modalService: NgbModal
   ) { }
   

2. 修改open方法的调用逻辑
   把modalService.open()的参数换成MediaModalComponent类，然后通过componentInstance来给模态框的表单赋值：

   open(code, desc, type, message) {
     const modalRef = this.modalService.open(MediaModalComponent, { size: 'xl', windowClass: 'custom-class' });
     // 注意：你的模态框表单里的字段是`description`，这里要和传参的`desc`对应上
     modalRef.componentInstance.mediaForm.patchValue({
       code: code,
       description: desc,
       type: type,
       message: message
     });
   }
   

3. 移除多余的配置项

   • 删掉MediaComponent的@Component装饰器里providers数组中的MediaModalComponent和NgbModal，NgbModal已经在AppModule全局提供了，组件不需要放到providers里：

     @Component({
       selector: 'app-media',
       templateUrl: './media.component.html',
       styleUrls: ['./media.component.css'],
       providers: [MediaService] // 只保留需要的服务即可
       // Angular 9+版本可以直接删掉entryComponents，框架会自动识别
     })
     

   • 同时把AppModule的providers里的MediaModalComponent也删掉，组件不是服务，不需要在这里声明。

4. 版本适配小提醒
   如果你用的是Angular 9及以上版本，entryComponents已经被废弃了，Angular会自动识别需要动态创建的组件（比如模态框），所以AppModule里的entryComponents数组可以直接删掉，留着也不会有问题，但删掉更清爽。

为什么报错是[object Object] #

因为你传给modalService.open()的是一个已经实例化的对象（this.MediaModal），而不是组件类本身。Angular尝试为这个对象寻找组件工厂，但它根本不是一个组件类，所以只能输出[object Object]这个毫无帮助的错误信息，而不是你熟悉的具体组件名称。

按照上面的步骤改完，你的编辑模态框应该就能正常弹出来啦，试试吧！

内容的提问来源于stack exchange，提问作者Patrick Lafferty