已添加SecondComp至@NgModule.entryComponents仍报组件工厂未找到错误求助

你遇到的No component factory found for undefined. Did you add it to @NgModule.entryComponents?错误，核心原因不是entryComponents的配置问题，而是你在调用resolveComponentFactory方法时传入了undefined作为组件类参数，导致Angular无法定位到对应的组件工厂。

具体问题点 #

在你的动态创建组件逻辑中，大概率出现了类似这样的错误写法：

// 错误：传入了undefined而非目标组件类
const componentFactory = this.componentFactoryResolver.resolveComponentFactory(undefined);

或者你用来指代SecondComp的变量没有正确赋值，比如变量声明错误、组件类引用路径拼写失误，导致变量值变成了undefined。

解决步骤 #

1. 修正动态创建组件的代码：找到调用resolveComponentFactory的位置，确保传入的是正确的SecondComp组件类引用，示例如下：

   // 先确保组件类导入路径正确
   import { SecondComp } from './second.comp';
   
   // ...
   
   // 传入明确的组件类
   const componentFactory = this.componentFactoryResolver.resolveComponentFactory(SecondComp);
   

2. 二次确认模块配置：虽然你已经添加了entryComponents，可以再核对一次declarations和entryComponents数组里是否都正确包含了SecondComp：

   @NgModule({
     declarations: [
       AppComponent,
       SecondComp // 确认存在
     ],
     entryComponents: [
       SecondComp // 确认存在
     ]
   })
   export class AppModule { }
   

额外提示 #

Angular动态创建组件时，必须传入明确的组件类引用，不能用字符串或未定义值代替。如果是通过变量传递组件类，一定要保证变量在调用前已经被正确赋值为目标组件类。

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