Javascript Babel加载程序错误：未理解rest/spread运算符

当我尝试运行我的webpack包时，出现以下控制台错误：

BabelLoaderError: SyntaxError: Unexpected token (113:19)

  111 | 
  112 | const render = () => ReactDOM.render(
> 113 |    <TodoApp todos={...store.getState()}/>,
      |                    ^
  114 |    document.getElementById("root")
  115 | )
  116 | 

我还尝试安装了

babel-plugin-transform-object-rest-spread

并添加到

。babelrc

：

{
  "plugins": ["transform-object-rest-spread"]
}

仍然收到相同的错误

---

感谢您的帮助

调用

{…store.getState（）}

而不是

todos={…store.getState（）}

我在Vue项目中遇到了类似的问题

我补充说：

{
  "presets": [
    ["es2015", {"modules": false}],
    ["stage-2"]
  ],
  "plugins": ["transform-object-rest-spread"]
}

在

.babelrc

中尝试了很多东西，但似乎都不起作用

正如在“注意事项”一节中提到的，您至少应该有v6.19.0，我的版本是v6.23.0，但它仍然不能工作

编辑：我找到了

我的解决方案

/*
 * additional javascript loader for es6 code in node_modules that have to be transpiled also
 */
{
    test: /\.jsx?$/,
    include: [
        NODE_MODULES + '/vuetify/src'
    ],
    use: [
        {
            loader: 'babel-loader',
            options: Config.babel()
        }
    ]
}

---

之后是否重新启动了webpack？出现此错误，现在尝试2小时来找出问题所在，没有任何帮助…：（哇！我注意到它可以与自己的代码一起工作，但如果在node_模块中应用object spread，它就不起作用了！最后我发现了问题所在：加载程序中的exclude选项阻止babel在node_模块中编译代码！就这么简单，花了半天时间试图解决这个问题。

/*
 * additional javascript loader for es6 code in node_modules that have to be transpiled also
 */
{
    test: /\.jsx?$/,
    include: [
        NODE_MODULES + '/vuetify/src'
    ],
    use: [
        {
            loader: 'babel-loader',
            options: Config.babel()
        }
    ]
}