Angular模态框动态加载组件报错：未找到组件工厂，请检查entryComponents

嘿，我之前也踩过这个坑！咱们一步步排查解决这个问题：

1. 先确认动态组件的引用是否正确 #

先检查AppConstants.dynamicComponents['AComponentType']返回的是不是你实际要加载的组件类。有时候常量配置里可能存错了值（比如存了字符串、对象而非组件引用），导致resolveComponentFactory拿到的不是合法的组件类型。

你可以在代码里加个日志验证：

console.log(AppConstants.dynamicComponents['AComponentType']);

如果输出不是myDynamicComponent的类引用，那得先把常量配置修正过来。

2. 修正NgModule的配置（这里有个明显的错误！） #

你现在的模块配置里犯了一个常见错误：把组件放到了imports数组里。Angular的imports数组是用来导入其他NgModule的，组件必须放在declarations数组里声明（除非是独立组件）。

修改你的模块配置：

@NgModule({ 
  declarations: [ myDynamicComponent ], // 组件必须在这里声明
  imports: [ /* 这里放你需要导入的模块，比如CommonModule、NgbModule等 */ ],
  entryComponents: [ myDynamicComponent ] // Angular 9+可省略，但旧版本需要
})

如果myDynamicComponent来自另一个自定义模块，那你需要导入那个模块（比如MyDynamicModule），并且确保该模块把myDynamicComponent添加到了exports数组里。

3. 简化NgbModal的调用方式 #

其实NgbModal的open方法支持直接传入组件类，不需要手动调用componentFactoryResolver，Angular会自动处理组件工厂的创建。你可以把调用代码简化成这样：

const targetComponent = AppConstants.dynamicComponents['AComponentType'];
const options: NgbModalOptions = { size: 'xl' }; 
const modalRef = this.characteristicsModal.open(targetComponent, options);

这样能避免手动处理组件工厂时可能出现的错误。

4. 针对Angular版本的额外检查 #

• 如果你的项目用的是Angular 9及以上（Ivy编译器）：entryComponents已经被废弃，编译器会自动检测动态加载的组件，所以可以把它从NgModule里移除，但如果还是报错，不妨暂时加上试试。
• 如果是Angular 14+的独立组件：如果myDynamicComponent声明了standalone: true，那你不需要在NgModule里声明它，只需要确保组件的依赖（比如需要的模块）都通过imports数组引入到组件本身，或者在调用open时配置好相关依赖。

总结 #

最可能导致报错的原因是你把组件错误地放在了imports数组里，或者AppConstants里的组件引用不正确。先修正模块的declarations配置，再验证组件引用的正确性，应该就能解决这个问题了。

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