Babel 6迁移至7后Jest测试遇扩展运算符未知令牌错误

你在从Babel 6迁到Babel 7后，Jest测试遇到扩展运算符的解析错误，虽然已经加了@babel/plugin-proposal-object-rest-spread插件但还是报错？我来给你梳理几个大概率能解决问题的排查方向：

1. 先确认Babel配置是否真的生效 #

• 首先检查你的babel.config.js（Babel 7推荐用这个项目级配置，别再用.babelrc了，容易出作用域问题）是不是放在项目根目录，而且Jest能读到它。
• 确保插件确实在配置里，同时如果用了@babel/preset-env，注意配置目标环境：

  // 示例babel.config.js
  module.exports = {
    presets: [
      // 针对Node环境配置，current表示适配当前运行的Node版本
      ['@babel/preset-env', { targets: { node: 'current' } }]
    ],
    plugins: [
      '@babel/plugin-proposal-object-rest-spread'
    ]
  };
  

  小提示：如果@babel/preset-env的目标环境已经支持扩展运算符（比如Node 8+），其实这个插件可以不用单独加，preset-env会自动帮你引入所需的插件。

2. 检查Jest的Babel处理器配置 #

• 打开jest.config.js，确认transform字段正确指定了用babel-jest处理JS文件：

  // 示例jest.config.js
  module.exports = {
    transform: {
      '^.+\\.jsx?$': 'babel-jest' // 确保JS/JSX文件都经过Babel编译
    },
    // 其他配置...
  };
  

• 别忘了安装babel-jest，这是Jest和Babel之间的关键桥梁：

  npm install --save-dev babel-jest
  

3. 排查测试文件是否被Babel排除了 #

• 检查Babel配置里有没有ignore字段，是不是不小心把test/unit/目录排除在外了？如果测试文件没被Babel编译，Jest自然会解析不了扩展运算符。

4. 清缓存！清缓存！清缓存！ #

迁移过程中Jest和Babel的缓存很容易残留旧的编译结果，导致新配置不生效。赶紧清一波：

# 清除Jest缓存
npx jest --clearCache
# 清除Babel loader缓存
rm -rf node_modules/.cache/babel-loader

5. 检查依赖版本是否匹配 #

Babel 7的各个包版本必须保持一致，比如@babel/core、@babel/preset-env、babel-jest这些都得是7.x系列的同一大版本，版本不兼容很容易出各种奇怪的问题。去package.json里看看这些依赖的版本号是不是统一。

如果试完这些还没解决，把你的babel.config.js和jest.config.js内容贴出来，大家能更精准地帮你定位问题。

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