webpack搭建项目时出现的报错“Module build failed (from ./node_modules/css-loader/dist/cjs.js) CssSyntaxError”...

控制台出现的错误如下：

                

 

webpack.config.js中的配置如下：

module.exports={
    entry:'./src/main.js',
    output:{
      path:__dirname,
      filename:'dist/app.js'
    },
    module:{
        rules:[
            {test:/\.js/,loader:'babel-loader',exclude:/node_modules/},
            {test:/\.css/,loader:'css-loader!style-loader'},
            {test:/\.(png|jpeg|jpg|ttf|gif)/,loader:'file-loader'}
        ]
    },
    devServer:{
        disableHostCheck:true
    }
}

　　package.json中安装信息如下：