React 项目 - 节点module中的扩展运算符意外令牌

IT技术 reactjs ecmascript-6 spread-syntax
2021-04-28 21:32:00

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

谢谢

1个回答

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

现在假设您手动设置您的react而不使用 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 的示例