'Unexpected token import' 在 create-react-app 中测试时
'Unexpected token import' while testing in create-react-app
当我在我的项目文件夹中 运行 npm test 时，我收到一条错误消息 unexpected token import。
当我使用 create-react-app 时，我假设我不需要配置任何东西，因为一切都应该开箱即用。
我不明白是我在某处犯了错误还是 create-react-app 的问题。
我认为是因为你的babel配置不正确。
这不是 create-react-app 的问题。
我的代码在 src/node_modules 文件夹中，它没有被 babel 转换，因为它排除了 node_modules.
对于从 Google 找到此问题的任何人：
错误 unexpected token import 通常表示解析 ES6 代码时出现问题，因为 import 不是早期版本中的功能。通常，Chrome 之类的浏览器会 运行 ES6，但是当你去 运行 测试时你会遇到错误。因此，运行ning yarn test 与 create-react-app 将暴露此错误。
直接的解决方案是查看 babel 如何编译您的 ES6 代码。在上面的示例中，create-react-app 包含了 webpack 和 babel。但是，他们假设您的 node_modules 已经编译，并且在编译过程中被跳过。因此，即使您的项目中有 babel，它也不会编译所有 ES6 出于某种原因。
如果您使用的是 webpack/babel 预设置未附带的其他项目，或者为 babel 编写了自定义设置，那么您应该先调查一下。
当我在我的项目文件夹中 运行 npm test 时，我收到一条错误消息 unexpected token import。
当我使用 create-react-app 时，我假设我不需要配置任何东西，因为一切都应该开箱即用。
我不明白是我在某处犯了错误还是 create-react-app 的问题。
我认为是因为你的babel配置不正确。
这不是 create-react-app 的问题。
我的代码在 src/node_modules 文件夹中，它没有被 babel 转换，因为它排除了 node_modules.
对于从 Google 找到此问题的任何人：
错误 unexpected token import 通常表示解析 ES6 代码时出现问题，因为 import 不是早期版本中的功能。通常，Chrome 之类的浏览器会 运行 ES6，但是当你去 运行 测试时你会遇到错误。因此，运行ning yarn test 与 create-react-app 将暴露此错误。
直接的解决方案是查看 babel 如何编译您的 ES6 代码。在上面的示例中，create-react-app 包含了 webpack 和 babel。但是，他们假设您的 node_modules 已经编译，并且在编译过程中被跳过。因此，即使您的项目中有 babel，它也不会编译所有 ES6 出于某种原因。
如果您使用的是 webpack/babel 预设置未附带的其他项目，或者为 babel 编写了自定义设置，那么您应该先调查一下。