Angular生产构建后componentFactoryResolver出现对象不匹配问题

你遇到的核心问题是**生产构建时的代码压缩混淆（minification）**导致的——即使你关闭了AOT，Angular的生产构建默认会启用代码优化，其中就包括将类名、函数名替换成短字符（比如t），这直接导致你通过x.name === this.comp的方式查找组件工厂失效。

下面是几种可行的解决方案，按推荐优先级排序：

1. 维护组件映射表（最推荐） #

不要依赖易被混淆的类名，而是手动维护一个组件名称与组件类的映射表，直接通过类引用获取工厂：

首先，定义映射表：

// 可以放在一个单独的文件中，比如component-mapping.ts
import { CranchecklisttemplateComponent } from './path/to/cranchecklisttemplate.component';
// 引入其他需要动态创建的组件

export const ComponentMap = {
  'CranchecklisttemplateComponent': CranchecklisttemplateComponent,
  // 添加其他组件的键值对
};

然后在你的动态创建逻辑中使用：

import { ComponentMap } from './component-mapping';

// ...
const componentClass = ComponentMap[this.comp];
if (!componentClass) {
  // 处理组件不存在的情况
  return;
}
const componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentClass);
const componentRef = this.theBody.createComponent(componentFactory);

这种方式完全不受代码混淆影响，同时遵循Angular的最佳实践，也避免了依赖_factories这种私有属性（私有属性可能在Angular版本更新中被修改）。

2. 给组件添加静态标识属性 #

如果你不想维护映射表，可以给每个需要动态创建的组件添加一个静态的、不会被混淆的标识属性：

export class CranchecklisttemplateComponent {
  // 添加静态标识
  static readonly componentKey = 'CranchecklisttemplateComponent';
  
  constructor(public cran: any) {
    this.componentlist = [];
    this.model = {};
  }
}

然后修改查找逻辑：

const factories = Array.from(this.componentFactoryResolver['_factories'].keys());
const factoryClass = <Type<any>>factories.find((x: any) => x.componentKey === this.comp);
if (factoryClass) {
  const componentFactory = this.componentFactoryResolver.resolveComponentFactory(factoryClass);
  const componentRef = this.theBody.createComponent(componentFactory);
}

3. 禁用类名混淆（不推荐生产环境） #

如果只是临时调试或者有特殊需求，可以修改Angular的构建配置，禁用类名和函数名的混淆。在angular.json中找到生产构建的配置，添加Terser的相关选项：

"projects": {
  "your-project-name": {
    "architect": {
      "build": {
        "configurations": {
          "production": {
            // ... 其他已有配置
            "optimization": {
              "scripts": {
                "terserOptions": {
                  "keep_classnames": true,
                  "keep_fnames": true
                }
              }
            }
          }
        }
      }
    }
  }
}

注意：这种方法会显著增加生产包的体积，因为保留了所有原始类名和函数名，只建议在非生产环境使用。

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