webpack - css-loader sass-loader の解析エラー

Question

私は webpack 1 から 3 に移行しています。非常に多くのエラーを経験した後、今はこれで立ち往生しています。誰か助けてください！

これらのエラーが発生しています -

ERROR in ./src/main/main.scss
Module parse failed: Unexpected token (1:4)
You may need an appropriate loader to handle this file type.
| body{
|     color: red;
| }
 @ ./src/main/js/App.jsx 13:0-23
 @ ./src/main/js/index.jsx

これがサンプルリポジトリです - https://github.com/shivamkumar110/webpack-3-test

ここに私のwebpack.config.jsからのスニペットがあります

module: {
        rules: [
        {
            test: /\.jsx?$/,
            use: ['eslint-loader'],
            include: SRC,
            enforce: 'pre'
        },  {
            test: /\.jsx?$/,
            use: ['babel-loader'],
            include: SRC
        }, {
            test: /(\.css|\.scss)$/,
            include: SRC,
            use: ExtractTextPlugin.extract({
                fallback: 'style-loader',
                use: [
                        {
                        loader:'css-loader',
                        options: {
                            sourceMap:true
                            }
                        },
                        {
                        loader: 'sass-loader',
                        options: {
                            sourceMap: true
                            }
                        }
                    ]
                })
        },