如何查看Babel或Babel插件转换的文件？Jest+Babel配置node_modules转换失败排查求助

嘿，我一眼就看到你配置里的关键问题了，先帮你搞定报错，再教你怎么验证哪些文件被Babel处理了！

你的核心配置错误 #

你在jest.config.js里写的transformIgnorePatterns搞反了逻辑：

Jest的transformIgnorePatterns是用来指定不需要被转换的文件路径，默认会忽略所有node_modules里的文件。你现在写的["<rootDir>/node_modules/some-module"]是告诉Jest：“把这个模块加入忽略列表，别转换它”，这正好和你的需求相反！

修正后的jest.config.js #

module.exports = { 
  transform: { 
    "\\.[jt]sx?$": "babel-jest", 
  }, 
  // 用否定正则，表示：除了some-module之外的node_modules文件都忽略转换
  transformIgnorePatterns: ["<rootDir>/node_modules/(?!some-module)/"], 
}

验证哪些文件被Babel转换的方法 #

你想要查看所有被转换的文件以及对应使用的插件/预设？很简单，给Jest加上Babel的调试环境变量就行：

# 在终端运行测试时加上这个环境变量
BABEL_DEBUG=1 jest

运行后，你会在控制台看到详细的日志，比如每个被处理的文件路径、加载的Babel配置、使用的预设和插件，这样就能确认some-module里的文件是不是真的被Babel处理了。

额外的配置检查点 #

如果修正后还是有问题，你可以检查这几点：

• 确保babel-jest的版本和你安装的@babel/core等包版本一致，版本不匹配经常会导致奇怪的问题
• 调整你的babelrc.js里的@babel/preset-env配置，指定Jest运行的Node版本，让转换更精准：

  module.exports = { 
    presets: [ 
      "@babel/preset-typescript", 
      ["@babel/preset-env", {
        targets: { node: "current" } // 针对当前运行的Node版本转换
      }], 
    ], 
    plugins: [ 
      "@babel/plugin-transform-modules-commonjs", 
    ] 
  }
  

你遇到的报错分析 #

你看到的这个报错：

Jest encountered an unexpected token
...
SyntaxError: Cannot use import statement outside a module

确实是因为some-module里的ES模块语法（import）没被转换成Node能识别的CommonJS语法，而原因就是你之前的transformIgnorePatterns把它排除在了转换范围外，修正后应该就能解决。

内容的提问来源于stack exchange，提问作者Žilvinas Rudžionis