如何在Babel 7中启用带有插件提案对象剩余散布的散布运算符？

Question

我正在尝试使用Babel在我的项目中启用传播运算符，但是由于Babel已删除了舞台预设，所以我没有运气让传播运算符与以下人员一起工作：https : //www.npmjs.com/package/@babel/插件建议对象剩余传播

我已经安装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"
    ]
}

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

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

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

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

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