ts-jest 29.3.0版本中动态导入对象结构变化解析

在ts-jest测试框架升级到29.3.0版本后，开发者遇到了一个关于动态导入(ESM动态import)行为变化的问题。本文将深入分析这一变化的原因、影响以及解决方案。

问题现象

在ts-jest 29.2.6版本中，开发者使用动态导入语法import('../src/index')时，返回的对象结构是单层default包装：

{
  default: Server {
    maxHeaderSize: undefined,
    insecureHTTPParser: undefined,
    // ...
  }
}

而在升级到29.3.0版本后，返回的对象结构变成了双层default嵌套：

[Module: null prototype] {
  __esModule: true,
  default: {
    default: Server {
      maxHeaderSize: undefined,
      insecureHTTPParser: undefined,
      // ...
    }
  }
}

同时，系统会提示需要添加--experimental-vm-modules标志才能运行。

根本原因

这一变化源于ts-jest 29.3.0版本对TypeScript的Node16/NodeNext模块解析模式的支持增强。当项目配置满足以下条件时，就会出现上述行为变化：

1. tsconfig.json中设置了"module": "NodeNext"
2. 启用了"isolatedModules": true选项
3. 使用了动态导入语法import()

TypeScript在处理动态导入时，会根据模块系统设置采取不同的转换策略：

• 在CommonJS模式下，TypeScript会将动态import()转换为require()调用
• 在NodeNext/Node16模式下，TypeScript会保留原生的import()语法

原生ESM模块的动态导入行为与CommonJS不同，它会严格保持模块的原始导出结构，包括__esModule标记和嵌套的default导出。

解决方案

针对这一问题，开发者有以下几种解决方案：

方案一：改用CommonJS模块系统

修改tsconfig.json，将模块系统改为CommonJS：

{
  "compilerOptions": {
    "module": "CommonJS"
  }
}

这是最简单的解决方案，适合不需要严格ESM模块支持的项目。

方案二：调整测试代码适应新结构

如果必须使用ESM模块系统，可以修改测试代码来适应新的对象结构：

const serverModule = await import('../src/index');
const server = serverModule.default.default; // 注意双default

方案三：启用Node.js ESM支持

在运行测试时添加--experimental-vm-modules标志：

node --experimental-vm-modules node_modules/jest/bin/jest.js

并在package.json中添加：

{
  "type": "module"
}

最佳实践建议

1. 如果项目不需要ESM特性，建议使用CommonJS模块系统
2. 如果必须使用ESM，确保测试代码能够处理模块的双重包装
3. 考虑在jest.config.js中添加适当的转换配置来处理模块导入
4. 保持ts-jest和相关依赖的最新版本，以获得最佳兼容性

总结

ts-jest 29.3.0版本对ESM模块支持的改进带来了动态导入行为的变化，这实际上是更符合ESM规范的行为。开发者需要根据项目需求选择合适的模块系统，或者调整测试代码以适应新的模块导入结构。理解TypeScript在不同模块系统下的编译行为差异，有助于更好地处理这类兼容性问题。