Jest - SyntaxError: Unexpected identifier

Question

使用 Jest 对某些 NodeJS 函数进行一些测试，但它不喜欢 import 语句，例如import DatabaseController from '../util/database-controller'.

我读了一些书，有人建议安装 babel-jest 并更新我的配置（如下），但我没有任何运气。我错过了什么？据我了解，它不理解 import 语句，因为它是 es6 东西...

我的package.json的部分笑话：

"jest": {
    "collectCoverageFrom": [
      "src/**/*.{js,jsx}"
    ],
    "resolver": "jest-pnp-resolver",
    "setupFiles": [
      "react-app-polyfill/jsdom"
    ],
    "testMatch": [
      "<rootDir>/**/__tests__/**/*.{js,jsx}",
      "<rootDir>/**/?(*.)(spec|test).{js,jsx}"
    ],
    "testEnvironment": "jsdom",
    "testURL": "http://localhost",
    "transform": {
      "^.+\.jsx?$": "babel-jest",
      "^.+\.css$": "<rootDir>/config/jest/cssTransform.js",
      "^(?!.*\.(js|jsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
    },
    "transformIgnorePatterns": [
      "[/\\]node_modules[/\\].+\.(js|jsx)$",
      "^.+\.module\.(css|sass|scss)$"
    ],
    "moduleNameMapper": {
      "^react-native$": "react-native-web",
      "^.+\.module\.(css|sass|scss)$": "identity-obj-proxy"
    },
    "moduleFileExtensions": [
      "web.js",
      "js",
      "json",
      "web.jsx",
      "jsx",
      "node"
    ]
  },

Answer 1

最近我发现我根本不需要 babel-jest，只需 @babel/preset-env 和以下 .babelrc:

就可以了

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

Answer 2

这适用于我的简单设置：

devDependencies（在 package.json 中）：

  "devDependencies": {
      "babel-eslint": "^10.0.3",
      "babel-preset-env": "^1.7.0",
      "jest": "^24.9.0",
      "parcel-bundler": "^1.12.3"
    }

我简单的创建了一个babel.config.js如下：

  // babel.config.js
  module.exports = {
    presets: [
      [
        '@babel/preset-env',
        {
          targets: {
            node: 'current',
          },
        },
      ],
    ],
  };

注意 - 确保在运行!

之前清除缓存

清除缓存：

  ./node_modules/.bin/jest --clearCache

Jest - SyntaxError: Unexpected identifier

Jest - SyntaxError: Unexpected identifier

javascript

node.js

jestjs

babel-jest