运行测试时"unexpected token import"错误

Question

当我运行测试时，出现以下错误：

({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import React from 'react';
                                                                                         ^^^^^^
SyntaxError: Unexpected token import

这是有道理的，因为"import React"或"import Enzyme"的所有行都被ESlint标记为错误。我不知道为什么。

这是我的 .babelrc 文件：

{
  "presets": [
    "react",
    "stage-2",
    ["env", {
      "test": {
        "presets": ["env", "react", "stage-2"],
        "plugins": ["transform-export-extensions"],
        "only": [
          "./**/*.js",
          "node_modules/jest-runtime"
        ]
      },
      "targets": {
        "browsers": ["last 2 versions", "safari >= 7"]
      },
      "modules": false
    }]
  ]
}

Answer 1

如果您使用的是 babel 6 和 jest 24，那么请注意 jest 24 已经放弃了对 babel 6 的支持。

有两种解决方案

1. 将您的应用程序升级到 babel 7。(由其开发人员积极维护(
2. 如果您不想升级，请确保坚持使用 jest 23。

如果您想使用 jest 24，还有一个解决方法。使用在版本 23 锁定的babel-jest。

"dependencies": {
  "babel-core": "^6.26.3",
  "babel-jest": "^23.6.0",
  "babel-preset-env": "^1.7.0",
  "jest": "^24.0.0"
}

Answer 2

你好开发人员可以试试吗，

安装 Babel-Jest

在 .babelrc 中设置此内容

  "env": {
    "test": {
    "presets": ["es2015", "react"],
    "plugins": ["syntax-object-rest-spread", "transform-es2015-modules-commonjs"]      
  },

开玩笑地测试