jestjs - Jest 和 Parcel 的 ES6 导入错误

Question

我有一个使用 react-parcel-app 作为模板的项目，我正在尝试集成 Jest，但出现以下错误。

   Details:

/home/papaponmx/Projects/prime/src/actions/goals.spec.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import { addGoal } from './goals.mjs';

这就是我的 .babelrc 的样子。

{
  "presets": [
    [
      "env",
      {"modules": false},
      {
        "targets": {
          "browsers": [
            "last 2 versions"
          ]
        }
      }
    ],
    "react"
  ],
  "plugins": [
    "transform-class-properties",
    "transform-object-rest-spread"
  ],
  "env": {
    "testing": {
      "presets": ["es2015", "stage-1", "react" ],
      "plugins": [
        "lodash",
        "transform-runtime",
        "transform-es2015-modules-commonjs",
        "dynamic-import-node"
      ]
    }
  }
}

我知道 parcel 应该支持无需配置的 ES 模块，但我没有让测试 import 工作。

这是 link to the repo如果您想在本地运行它。

Answer 1

在this article的帮助下我找到了一个使用 babel 的解决方案。

1. 将这些包安装为开发依赖项:

   npm i --save-dev babel-jest @babel/core @babel/preset-env

2. 在项目的根目录下，创建一个 .babelrc 文件并添加以下内容:

   {presets:["@babel/preset-env"]}

然后您可以在测试文件中使用 ES6 导入