javascript - 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