如何在 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 框架，所以我的说明可能会略有不同，但大体相同。

对于像我这样在这个问题上花费数小时而不应该放在首位的其他人，我是这样解决的：

1. 转到您当前拥有.babelrc 文件的目录。
2. 创建一个名为babel.config.js 的文件并添加以下内容：

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

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

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

在我的情况下，我没有碰我的.babelrc，而是保持原样并添加了新的配置文件。但是其他人很幸运，只是将.babelrc中的所有内容复制粘贴到babel.config.js中

只要我的 0.02 美元，（你可能可以删除这部分的模组）：

老实说，Babel 已经变成了一罐虫子。我不明白为什么他们总是需要不断地搞砸完美运行的实现。我希望我们在未来不需要接触这个时间槽，因为 Babel 的任何错误都会导致平均至少 2 小时来修复。