jestjs - 在 create-react-app 中测试时出现“意外的令牌导入”

Question

当我在我的项目文件夹中运行 npm test 时，我收到一条错误消息说unexpected token import. 当我使用 create-react-app 时，我假设我不需要配置任何东西，因为一切都应该开箱即用。

我不明白我是在某个地方犯了错误还是它是 create-react-app 问题。

Answer 1

这不是问题create-react-app。

我的代码在src/node_modules文件夹中，它没有被 babel 转换，因为它不包括node_modules.

Answer 2

对于从 Google 发现此问题的任何人：

该错误unexpected token import通常表明解析 ES6 代码时出现问题，因为import这不是早期版本的功能。通常，Chrome 等浏览器会运行 ES6，但在运行测试时会遇到错误。因此，运行yarn testwithcreate-react-app将暴露此错误。

直接的解决方案是查看 babel 是如何编译您的 ES6 代码的。在上面的示例中，create-react-app包含了 webpack 和 babel。但是，他们假设您node_modules已经编译，并且在编译过程中会被跳过。因此，即使您的项目中有 babel，它也不会因为某种原因编译所有 ES6 。

如果你正在使用一个没有 webpack/babel 预设置的不同项目，或者为 babel 编写了自定义设置，那么你应该首先调查。

Answer 3

我认为这是因为您的 babel 配置不正确。