尝试将es2017合并到webpack中时出错

Question

我正在尝试将es2017添加到我的webpack中。我的程序编译但我收到语法错误消息，如上图所示。我相信我错过了什么，但我找不到什么。我试图运行在下面给出的例子：

https://github.com/react-dnd/react-dnd

我将每个项目放在一个文件夹中。我正在使用webpack，因为我试图让它们从play-scala视图运行（这是一个play-scala项目）。该视图唯一要做的就是上传生成的dragDropBundle.js。

使用：

npm install --save-dev babel-preset-es2017

我安装了es2017。

      {
             entry: './ui/dragDrop/index.js',
             output: { path: __dirname + '/public/compiled/dragDrop', filename: 'dragDropBundle.js' },
             module: {
            loaders: [
                { test: /\.jsx?$/, loader: 'babel-loader', include: /ui/, query: { presets: ['es2017', 'react'] } },
               { test: /\.scss$/, loader: ExtractTextPlugin.extract( "style", "css!sass") }
      ]
   },
    plugins: [
         new ExtractTextPlugin("styles.css")
        ]
      }