JEST 测试不理解导入语句

Question

我使用 JEST 来测试我的应用程序。但是我从测试文件中得到一个错误——

import xyz from './XYZ.js';
    ^^^^^^
SyntaxError: Unexpected token import

然后我创建了一个 .babelrc 文件，它有以下代码——

{
  "presets": [
    "es2015"
  ]
}

在此之后，我在测试文件中导入的任何文件都不会引发此错误。但是，如果导入的文件之一（如 XYZ.js）本身具有 import 语句，那么它会在该文件上给出相同的错误。

我的 package.json devDependencies（重要的包）——

"devDependencies": {
    "babel-jest": "^19.0.0",
    "babel-preset-es2015": "^6.22.0",
    "eslint": "2.0.0",
    "eslint-plugin-react": "latest",
    "express": "^4.12.2",
    "jest": "^19.0.1",
    "react": "^15.3.2",
    "react-dom": "^15.3.2",
    "react-router": "^2.8.1"
  },

谁能指出我错过了什么？

Answer 1

尝试使用

import { xyz } from './XYZ.js';

还要确保您导出了模块

export function xyz() {}

并查看Babel stage-0