Babel loader錯誤：休息/傳播操作員不明白

Question

當我嘗試運行我的webpack包時，我收到此控制台錯誤：

BabelLoaderError: SyntaxError: Unexpected token (113:19)

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

因此，不了解擴展運算符語法。 但是，我已經在webpack.config.js安裝了我的加載器中包含的babel-stage-2預設，如下所示：

module: {
        loaders: [
            {
               test: path.join(__dirname, 'public'),
               loader: ['babel-loader'],
               query: {
                 presets: debug ? ['react', 'es2015', 'react-hmre', 'stage-2'] : ['react', 'es2015', 'stage-2']
               }
            }
        ]
    }

我還嘗試安裝babel-plugin-transform-object-rest-spread並添加到.babelrc ：

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

仍然收到相同的錯誤。

任何幫助贊賞！

Answer 1

我對Vue項目有類似的問題。

我已經添加了：

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

在.babelrc並嘗試過很多東西，但似乎沒什么用。

正如警告部分中的preset-env插件中所提到的，你應該至少擁有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()
        }
    ]
}

Answer 2

調用{...store.getState()}而不是todos={...store.getState()}