首页 > 解决方案 > React项目-节点模块中的传播运算符意外令牌

问题描述

我正在构建一个反应应用程序,并且我正在导入一个使用扩展运算符的节点模块,...并且在此运算符处出现错误“模块解析失败:意外令牌 (100:6)”。我怎样才能让它工作?

谢谢

标签: reactjsecmascript-6spread-syntax

解决方案


create-react-app cli 已经捆绑了这个 ES2015 特性。较旧的 babel 不支持这个,需要单独安装

现在假设你手动设置你的反应,而不是使用 create-react-app。您可以通过安装包 babel-plugin-transform-es2015-spreadbabel-plugin-transform-object-rest-spread 来设置它

这是处理这个的步骤

npm install --save-dev babel-plugin-transform-es2015-spread

现在打开你的 .babelrc 并声明插件

{
  "plugins": ["transform-es2015-spread"]
}

可能重复:Spread Operator 不适用于基于 Redux/ES6 的示例


推荐阅读