React项目-节点模块中的传播运算符意外令牌

Question

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

谢谢

Answer 1

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

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

这是处理此问题的步骤

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

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

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

可能重复：Spread Operator not working for Redux/ES6 based sample