Angular SSR生产环境类与实例类型校验不匹配问题

该问题仅在生产环境运行ng build生成的server目录下Node脚本时出现，开发环境ng serve无此异常。在server.ts的请求/响应管道中执行myObj instanceof MyClass进行类型校验时返回false。

示例步骤 #

• 在my-class.ts中定义空类；
• 在app.module.ts中实例化并赋值：globalThis.myObj = new MyClass()；
• 在管道中执行如下代码校验：

angularApp
        .handle(req)
        .then(async (response) => {
            if (globalThis.myObj) {
                console.log('HERE: ' + (globalThis.myObj instanceof MyClass))
            }

更新内容 #

将类本身赋值给globalThis.MyClass后，instanceof globalThis.MyClass返回true，怀疑是打包错误，请问是否因生产环境类定义从不同文件加载导致？

这就是生产环境打包导致的类重复加载/多实例问题，核心原因是Angular生产构建的tree-shaking和代码分割机制：

1. 开发环境ng serve采用未压缩的增量构建，所有模块共享同一个MyClass引用；
2. 生产环境ng build会做深度优化，当MyClass被多个模块引用时，打包工具可能会在不同代码块（chunk）中重复输出类的定义，导致myObj实例化时用的是某一模块内的MyClass，而校验时用的是另一模块内的MyClass——两个类的prototype指向不同，instanceof自然返回false。

你把MyClass挂载到globalThis后校验成功，正是因为此时校验和实例化用的是同一个类引用，规避了多实例问题。

解决方法 #

• 把MyClass抽成独立的单例模块，确保整个应用中只引入该模块的导出；
• 若不需要代码分割，可在angular.json的构建配置中调整optimization或buildOptimizer参数，禁用该类所在模块的代码分割；
• 用属性标识替代instanceof校验，比如给类添加唯一标识：

  class MyClass {
    readonly __isMyClass__ = true;
  }
  // 校验逻辑
  if (globalThis.myObj?.__isMyClass__) {
    // 处理逻辑
  }
  

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