Jest测试（使用babel）无效的令牌导入

Question

使用Jest测试Firebase功能，我遇到了导入的麻烦...

console.log

 import 'jest';
    ^^^^^^

    SyntaxError: Unexpected token import

我正在使用@Babel/core和@Babel/preet-env和Babel-jest

package.json

"devDependencies": {
"@babel/core": "^7.1.6",
"@babel/preset-env": "^7.1.6",
"@types/jest": "^23.3.10",
"babel-jest": "^23.6.0",
"eslint": "^4.12.0",
"eslint-plugin-promise": "^3.6.0",
"firebase-functions-test": "^0.1.5",
"jest": "^23.6.0",
"ts-jest": "^23.10.5"
},
"engines": {
"node": "8"
},
"private": true,
"jest": {
"verbose": true,
"transform": {
  "^.+\\.jsx?$": "babel-jest",
  "^.+\\.tsx?$": "ts-jest"
},
"testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
"moduleFileExtensions": [
  "ts",
  "tsx",
  "js",
  "jsx",
  "json",
  "node"
  ]
}

我创建了一个babel.config.js文件

babel.config.js

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

我错过了什么？谢谢你的反馈

更新

我用Babel文档更新了我的配置。。。（v 7）

console.log

    Cannot find module 'babel-preset-env' from '/Users/yves/Developments/WIP/VUE.JS-cli-3/4-chocha-home-cloudFunctions/chocha/functions'
        - Did you mean "@babel/env"?

package.json

    "devDependencies": {
        "@babel/core": "^7.1.6",
        "@babel/preset-env": "^7.1.6",
        "@types/jest": "^23.3.10",
        "babel-core": "^7.0.0-bridge.0",
        "babel-jest": "^23.6.0",
        "eslint": "^4.12.0",
        "eslint-plugin-promise": "^3.6.0",
        "firebase-functions-test": "^0.1.5",
        "jest": "^23.6.0",
        "regenerator-runtime": "^0.13.1",
        "ts-jest": "^23.10.5"
      },

babel.config.js

    module.exports = {
    presets: [
    ["@babel/env"]
    ]
    };

. babelrc

    {
      "presets": ["env"]
    }

但是我仍然得到一个错误...初学者不太清楚实际上应该使用什么...文档中有太多的建议...我只将JS用于Firebase功能，没有React，没有Vue...

更新

我更新了我的

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

现在我得到了另一个巴别塔错误...

    tests/index.spec.js
      ● Test suite failed to run

        TypeError: programPath.hub.addHelper is not a function

          at wrapInterop (node_modules/@babel/helper-module-transforms/lib/index.js:165:45)
          at PluginPass.exit (node_modules/@babel/plugin-transform-modules-commonjs/lib/index.js:174:70)
          at newFn (../node_modules/@babel/traverse/lib/visitors.js:237:21)
          at NodePath._call (../node_modules/@babel/traverse/lib/path/context.js:65:20)
          at NodePath.call (../node_modules/@babel/traverse/lib/path/context.js:40:17)
          at NodePath.visit (../node_modules/@babel/traverse/lib/path/context.js:109:8)
          at TraversalContext.visitQueue (../node_modules/@babel/traverse/lib/context.js:142:16)
          at TraversalContext.visitSingle (../node_modules/@babel/traverse/lib/context.js:102:19)
          at TraversalContext.visit (../node_modules/@babel/traverse/lib/context.js:182:19)
          at Function.traverse.node (../node_modules/@babel/traverse/lib/index.js:106:17)

Answer 1

将您的.LRC更改为

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

注意：. Babelrc和babel.config.js是多余的。如果您有一个静态配置，那么只需. babelrc就可以了。