Uncaught Error: Cannot find module "./main.scss"

[krishnasaga]

I'm not getting any error in npm console but in browser console I'm getting Uncaught Error: Cannot find module "./main.scss"

It working well if I do import '!style!css!sass!./main.scss' but getting this error when I do import './main.scss

webpack.config.js

`var HtmlWebpackPlugin = require('html-webpack-plugin');
var path = require('path');
var webpack = require('webpack');

module.exports = {
  entry: './src/index.js',
  output: {
path: './bin',
filename: 'bundle.js'
},
  module: {
    loaders: [
{
test: /.js$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['es2015', 'react']
}
},
{
test: /.(png|woff|woff2|eot|ttf|svg)$/,
loader: 'file?name=public/fonts/[name].[ext]'
},
{
test: /.scss$/,
loaders: ['style','css','sass']
}
]
  },
plugins: [new HtmlWebpackPlugin(
{
filename: './index.html',
template: require('html-webpack-template'),
appMountId: 'app',
}
)]
,
sassLoader: {
includePaths: [
path.resolve(__dirname, "./node_modules/materialize-sass/sass/")
]
}
};`