JEST 测试不理解导入语句答案

【问题标题】：JEST test not understanding import statementJEST 测试不理解导入语句
【发布时间】：2017-03-02 06:46:48
【问题描述】：

我正在使用 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"
  },

谁能指出我错过了什么？

【问题讨论】：

这个问题你解决了吗？

标签： javascript jestjs babeljs babel-jest

【解决方案1】：

尝试使用

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

还要确保你导出了模块

export function xyz() {}

然后查看Babel stage-0

【讨论】：

是的，已导出。它在其他文件（非测试文件）中使用并且在那里工作。只有在测试文件中才会失败。