在我的项目文件夹中运行npm test时,我收到一个错误消息,说“unexpected token import”。
由于我正在使用create-react-app,我认为我不必配置任何内容,因为一切都应该开箱即用。
我不明白是我哪里犯了错误还是create-react-app的问题。
我不明白是我哪里犯了错误还是create-react-app的问题。
这不是create-react-app
的问题。
我的代码放在src/node_modules
文件夹中,由于它排除了node_modules
,因此未被babel转换。
对于从Google搜索到这个问题的任何人:
错误unexpected token import
通常表明解析您的ES6代码时出现了问题,因为import
不是早期版本中的功能。通常,像Chrome这样的浏览器会运行ES6,但在运行测试时会遇到错误。因此,在使用create-react-app
运行yarn test
时,会暴露出此错误。
即时解决方案是查看babel如何编译您的ES6代码。在上面的示例中,create-react-app
已包含webpack和babel。但是,它们假设您的node_modules
已经编译,并且在编译过程中跳过了这些内容。因此,即使您的项目中有babel,也不会出于某种原因编译所有ES6 。
如果您正在使用不带webpack / babel预设置的其他项目,或者编写了自定义设置以进行babel,则应首先进行调查。
我认为这是因为你的 Babel 配置不正确。