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

JEST测试不了解import语句

1 个答案: