解决 ts-jest 在 React Native 0.73 测试中的预设问题

问题背景

在将 React Native 项目从 0.70 版本升级到 0.73 版本后，开发者可能会遇到一个常见的测试配置问题：validation error: Preset react-native not found.。这个错误通常出现在使用 ts-jest 进行 TypeScript 测试时，表明 Jest 无法找到 React Native 的预设配置。

问题分析

这个错误通常发生在 Jest 配置中尝试使用 react-native 预设时。在 React Native 0.73 版本中，测试配置可能需要进行一些调整才能正常工作。以下是可能导致此问题的几个常见原因：

1. 过时的 resolutions 配置：某些项目中可能遗留了 package.json 中的 resolutions 字段，这可能会干扰正常的依赖解析。

2. Jest 配置不兼容：升级 React Native 后，原有的 Jest 配置可能需要更新以匹配新版本的测试需求。

3. 依赖版本冲突：不同测试相关包（jest、ts-jest、babel-jest）之间的版本不兼容。

解决方案

1. 检查并移除 resolutions 配置

在 package.json 中查找是否有 resolutions 字段，特别是包含以下内容的：

"resolutions": {
  "graceful-fs": "4.2.4",
  "@types/react": "^17"
}

这些强制解析的依赖项可能会干扰正常的测试环境配置。建议移除整个 resolutions 字段或至少移除与测试相关的部分。

2. 更新 Jest 配置

确保你的 jest.config.js 或 package.json 中的 Jest 配置部分正确设置了预设。对于 React Native 0.73，推荐使用以下配置：

module.exports = {
  preset: 'react-native',
  transform: {
    '^.+\\.tsx?$': 'ts-jest',
  },
  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
  transformIgnorePatterns: [
    'node_modules/(?!(@react-native|react-native|react-native-vector-icons)/)',
  ],
};

3. 确保依赖版本兼容

检查并确保以下依赖项的版本相互兼容：

• jest
• ts-jest
• babel-jest
• @types/jest

对于 React Native 0.73，推荐使用这些包的最新稳定版本。

预防措施

为了避免未来升级时出现类似问题，建议：

1. 定期更新测试相关依赖
2. 在升级 React Native 主版本时，查阅官方升级指南中的测试配置变更
3. 考虑使用 React Native 测试库提供的预设配置
4. 维护一个干净的 package.json，避免不必要的 resolutions 配置

总结

React Native 版本升级时，测试配置往往需要相应调整。Preset react-native not found 错误通常可以通过清理 resolutions 配置、更新 Jest 设置和确保依赖兼容性来解决。保持测试环境的简洁和最新是避免这类问题的关键。