babeljs - 如何在 Babel 7 中使用 plugin-proposal-object-rest-spread 启用扩展运算符？

Question

我正在尝试使用 Babel 在我的项目中启用扩展运算符，但是由于 Babel 删除了阶段预设，我没有运气让扩展运算符使用:https://www.npmjs.com/package/@babel/plugin-proposal-object-rest-spread

我已经安装 plugin-proposal-object-rest-spread并将其添加到我的 .babelrc :

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ],
  "plugins": [
    "@babel/plugin-proposal-object-rest-spread"
  ]
}

但我仍然收到以下错误:

Support for the experimental syntax 'objectRestSpread' isn't currently enabled 
 (28:3):

  26 |   onClick,
  27 |   text,
> 28 |   ...allProps
     |   ^
  29 | }) => {
  30 |   let Element = isStatic ? 'span' : renderAs;
  31 |   const props = modifiers.clean(allProps);

Add @babel/plugin-proposal-object-rest-spread (https://git.io/vb4Ss) to the 'plugins' section of your Babel config to enable transformation.

它建议我添加 @babel/plugin-proposal-object-rest-spread .我有，它在我的 package.json 中.

有任何想法吗？

Answer 1

注意:我使用的是 Quasar 框架，所以我的说明可能略有不同，但大致相同。

对于像我这样在这个问题上花费数小时而不应该首先解决的其他人，这是我解决它的方法:

转到您当前拥有 .babelrc 的目录文件。

创建一个名为 babel.config.js 的文件并添加以下内容:

module.exports = {
    "plugins": [
      "@babel/plugin-proposal-object-rest-spread"
    ]
}

现在，做一个 npm install @babel/plugin-proposal-object-rest-spread --save-dev

重新加载您的服务器，运行项目。它现在应该可以工作了。

就我而言，我没有碰我的 .babelrc但只是保持原样并添加了新的配置文件。但其他人很幸运，只是复制粘贴了 .babelrc 中的所有内容。进入 babel.config.js
只是我的 0.02 美元，(修改你可能会删除这部分):

老实说，Babel 已经变成了一 jar 蠕虫。我不明白为什么他们总是需要不断搞砸完美的工作实现。我希望我们在 future 不需要碰这个时间槽，因为 Babel 的任何问题平均至少需要 2 小时才能修复。