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

Posted 2023-02-22

【中文标题】React项目-节点模块中的传播运算符意外令牌

【英文标题】：React project - spread operator in node module unexpected token

【发布时间】：2019-01-17 13:56:21

【问题描述】：

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

谢谢

【问题讨论】：

您是从create-react-app 安装的还是从头开始构建的？你是否安装了 babel 来支持更新的 ES6 语法？

哪个模块？确切的错误信息是什么？第 100 行第 6 列是什么？ （顺便说一句 ... 不是运算符，而是 syntax）

babeljs.io。如果您从create-react-app 创建应用程序，它将在内部安装。如果没有，则必须安装它以支持新语法

我使用了 create-react-app

【参考方案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

【讨论】：

我已经完成了所有这些，它适用于 my 代码，但不适用于我导入的特定 npm 包

@picklechips 也有同样的问题...你最终解决了这个问题吗？

@mjsarfatti 你呢，运气好吗？我也遇到了这个问题。

@Raven 对不起，我不知道我最后做了什么，那是很久以前的事了：/