Angular从v8升级至v11禁用Ivy后的entryComponents报错问题咨询

报错核心原因 #

关闭Ivy后构建会切回Angular旧版的View Engine（视图引擎），该引擎的组件工厂生成规则和Ivy完全不同：

• Ivy模式下会自动扫描所有动态加载的组件引用，无需手动声明即可在运行时生成对应的组件工厂
• View Engine引擎仅会对entryComponents数组中显式声明的组件生成打包用的组件工厂，哪怕组件来自第三方官方库，没有被显式声明就会触发“No component factory found”的报错
  你遇到的DynamicDialogComponent找不到工厂的问题，本质是PrimeNG v8版本自身的模块配置没有把这个核心动态组件声明到自己的entryComponents数组中，View Engine构建时没有生成对应的工厂类，和你项目自定义的entryComponents配置无关。

具体实现方案 #

• 第一步：在应用根模块（通常为AppModule）中导入PrimeNG提供的DynamicDialogComponent，保留原有DialogModule、DynamicDialogService的导入逻辑
• 第二步：在根模块的@NgModule配置中，把导入的DynamicDialogComponent显式加入entryComponents数组，触发View Engine对该组件的工厂生成流程

示例代码：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
// 原有PrimeNG模块导入
import { DialogModule } from 'primeng/dialog';
// 导入PrimeNG官方的动态弹窗核心组件
import { DynamicDialogComponent } from 'primeng/dynamicdialog';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    DialogModule
  ],
  entryComponents: [
    // 第三方库未声明的动态组件手动补全注册
    DynamicDialogComponent
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

常见踩坑提醒 #

• 自定义业务弹窗组件的注册规则一致：你项目中所有需要通过DynamicDialogService.open()动态加载的自定义组件，同样需要按照所在模块（根模块/懒加载模块）的作用域，显式加到对应模块的entryComponents数组中，否则会触发同类型报错
• 不需要重复注册：DynamicDialogComponent作为全局通用的核心组件，只需要在根模块注册一次即可全局生效，无需在每个懒加载模块中重复添加
• 不需要修改第三方库源码：手动补全注册的逻辑会直接在应用侧触发View Engine的工厂生成流程，不会破坏原有PrimeNG v8的适配逻辑，等后续完成PrimeNG版本升级、重新开启Ivy后，这段注册代码不会产生兼容问题
• 生产构建兼容：这个方案完全适配View Engine的生产构建流程，不会触发之前Ivy模式下的PrimeNG版本过旧不兼容报错

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