Reactjs scss未应用抛出错误

我正在使用Webpack2和Node6.9，并试图在我的项目中实现css/SCS。我已经安装了所有必需的加载程序，如style、sass等。下面的早些时候是我的网页配置，工作正常，但scss未应用于我的项目

rules: [{
            test: /\.js$/,
            exclude: /(node_modules|bower_components)/,
            loader: 'babel-loader',
            options: {
                cacheDirectory: true
            }
        }]

为了应用css，我安装了所有的加载程序，并将上面的网页配置更改为下面的

rules: [{
           test: /\.scss$/,
loader: ExtractTextPlugin.extract({
  fallbackLoader: 'style-loader',
  loader: [
    'css-loader',
    'babel-loader',
    'postcss',
    {
      loader: 'sass-loader',
      query: {
        sourceMap: false,
        presets: ['es2015'],
      }
    }
  ],
})
        }]
    };
    plugins: [
new ExtractTextPlugin("style.css"),
  ]

但这对我来说仍然不起作用。我也尝试过一些其他配置，但每次它都会给我以下相同的错误

Uncaught Error: Module parse failed: \index.js Unexpected token (7:3)
 You may need an appropriate loader to handle this file type.

ReactDOM.render((
 <App />
), document.getElementById('root'));
at Object.<anonymous> (bootstrap 6298272…:708)
at __webpack_require__ (bootstrap 6298272…:659)
at bootstrap 6298272…:708
at bootstrap 6298272…:708

Uncaught错误：模块解析失败：\index.js意外令牌（7:3）
您可能需要适当的加载程序来处理此文件类型。
ReactDOM.render((
)，document.getElementById（'root'）；
反对。（引导程序6298272…：708）
在需要的网页上（引导程序6298272…：659）
在引导时6298272…：708
在引导时6298272…：708

---

谁能帮我摆脱错误并应用SCS。提前谢谢

能够使它工作下面是代码：

rules: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
            query: {
                presets: ['es2015', 'react']
            }
        },
        {
            test: /\.scss$/,
            loaders: [ "style-loader", "css-loader", 'sass-loader' ],
        }]