在主目录上创建.babelrc，添加这些代码并安装这些包 @babel/core， @babel/预设-env和@babel/预设-react

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "modules": "commonjs"
      }
    ],
    "@babel/preset-react"
  ]
}

我个人遵循@ajwl设置，但发现jsdom-worker在setupFiles:节的jest.config.js触发同样的错误。一旦移除，我的测试就通过了。

附注:我的babel.config.js有点不同，因为我有一个Vuejs (v2) SPA(与Vitejs捆绑):

module.exports = {
  plugins: ['@babel/plugin-transform-modules-commonjs'],
  presets: [['@babel/preset-env', { targets: { node: 'current' } }]]
}

如果你正在使用Babel 6，试试这个东西

在babel.config.js的插件部分添加@babel/plugin-transform-modules-commonjs

or

对于我的案例，导入问题是由于将react文件添加到transformIgnorePatterns中而导致的

“transformIgnorePatterns”:[" / node_modules / (? ! react-file-drop)”)

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

将我的.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编译这些JS模块，你就可以用es6编写你的测试了。

安装巴别塔/ preset-env

npm i -D @babel/preset-env

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

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