使用Babel编译这些JS模块，你就可以用es6编写你的测试了。

安装巴别塔/ preset-env

npm i -D @babel/preset-env

创建一个带有预设的babel配置文件

//babel.config.js
module.exports = {presets: ['@babel/preset-env']}

使用Babel编译这些JS模块，你就可以用es6编写你的测试了。

安装巴别塔/ preset-env

npm i -D @babel/preset-env

创建一个带有预设的babel配置文件

//babel.config.js
module.exports = {presets: ['@babel/preset-env']}

没有一个答案对我有帮助，帮助我的是确保我的NODE_ENV被设置为测试，因为babel配置是每个NODE_ENV使用错误的NODE_ENV，在babel配置中没有配置将意味着你不会使用babel, typescript文件不会被转换。

我花了几个小时来解决这个问题，所以我希望它能帮别人节省我花的时间。

我需要做几件事来让它为我工作

将我的.babelrc重命名为babel.config.js，并做一些改变:

// .babelrc
{
  "presets": [
    [
      "@babel/preset-env",
      {
        "corejs": "3.26",
        "useBuiltIns": "usage"
      }
    ],
    "@babel/preset-react"
  ],
  ...
}

// babel.config.js - This still works fine with webpack
module.exports = {
  "presets": [
    [
      "@babel/preset-env",
      {
        "corejs": "3.26",
        "useBuiltIns": "usage"
      }
    ],
    "@babel/preset-react"
  ],
  ...
}

添加以下到我的jest配置文件:

{
  ...  
  "transformIgnorePatterns": [
    "node_modules/(?!(react-leaflet-custom-control)/)"
  ],
  ...
}

react-传单-定制-控制是给我带来问题的包。

在包中添加测试脚本。——experimental-vm-modules . json

这样就不需要通天塔或其他依赖项。

例子:

"test": "NODE_OPTIONS='--experimental-vm-modules --experimental-specifier-resolution=node' jest"

如果你得到这个错误:zsh: command not found: jest，尝试用节点传递jest.js，像这样:

"test": "NODE_OPTIONS='--experimental-vm-modules --experimental-specifier-resolution=node --trace-warnings' node node_modules/jest/bin/jest.js --detectOpenHandles"

还使用Babel, Typescript和Jest。同样的失败，让我抓狂了好几个小时。 最后专门为测试创建了一个新的babel.config.js文件。有一个很大的。babelrc，不管我怎么做，它都不会被笑话捡起来。主应用程序仍然使用.babelrc，因为它会覆盖babel.config.js文件。

安装jest, ts-jest和babel-jest:

npm i jest ts-jest babel-jest

Babel.config.js(仅用于开玩笑)

module.exports = {presets: ['@babel/preset-env']}

jest.config.js

module.exports = {
  preset: 'ts-jest',
  transform: {
    '^.+\\.(ts|tsx)?$': 'ts-jest',
    "^.+\\.(js|jsx)$": "babel-jest",
  }
};

package.json

  "scripts": {
    "test": "jest"