你的冒号是英文冒号吗？

这样写就解决了：

module: {

   rules: [

         {

           test: /\.css$/,

           use: [

             // [style-loader](/loaders/style-loader)

             { loader: 'style-loader' },

             // [css-loader](/loaders/css-loader)

             {

               loader: 'css-loader',

               options: {

                 modules: true

               }

             },

           ]

         }

       ]

 }

 module: {

   rules: [

         {

           test: /\.css$/,

           use: [

             // [style-loader](/loaders/style-loader)

             { loader: 'style-loader' },

             // [css-loader](/loaders/css-loader)

             {

               loader: 'css-loader',

               options: {

                 modules: true

               }

             },

           ]

         }

       ]

 }

??一模一样的问题，纠结了好久，也去官网看了好几遍css-loader的，就是找不出什么原因?

为什么我webpack打包成功，cmd不报错，但是css样式却不起左右？浏览器提示Failed to load resource: net::ERR_FILE_NOT_FOUND

代码如下：

const path=require('path');

module.exports={

entry:"./src/js/main.js",

output:{

 path:path.resolve(__dirname,"dist"),

 filename:"bundle.js"

},

module:{

rules:[

    {test:/\.css$/,use:['style-loader','css-loader']}

]

}

}

项目结构如下：

cmd打包运行成功：

浏览器提示

test: /\.css$/  不能加单引号

我是在app.js中import 'style-loader!css-loader!./css/common.css';这样引用才没有报错了，同问，请问是什么问题啊

遇到了同样的问题，老师的演示是 webpack 1.0，你的是 2.0，要使用新的语法：

module.exports = {

 module: {

   rules: [
     {
       test: /\.css$/,
       use: [ 'style-loader', 'css-loader' ]
     }
   ]
 }}

这种错误，一般都是字符打错