运行测试时出现“意外的令牌导入”错误

Question

当我运行测试时，我得到以下错误：

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

SyntaxError: Unexpected token import

这是有意义的，因为“导入反应”或“导入酶”的所有行都被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

你好，dev，你能试试吗，

安装babel-jest

在.babelrc中设置此设置

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

testing with jest