问答详情
源自:4-4 处理项目中的 css

css-loader,style-loader安装了为什么解析不了common.css文件

58a9c78c00018fac05000393.jpg

58a9c78d0001c17905000174.jpg

58a9c79c00010d4e05000342.jpg

为什么解析不了common.css文件

提问者:野生前端菜鸟 2017-02-20 00:30

个回答

  • qbaty
    2017-02-20 13:25:45
    已采纳

    报错信息上有一个unexpected toked

  • qbaty
    2017-02-21 14:00:34

    你的冒号是英文冒号吗?

  • 海龙万福
    2021-03-25 11:05:18

    这样写就解决了:

    module: {

       rules: [

             {

               test: /\.css$/,

               use: [

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

                 { loader: 'style-loader' },

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

                 {

                   loader: 'css-loader',

                   options: {

                     modules: true

                   }

                 },

                 

               ]

             }

           ]

     }


  • 海龙万福
    2021-03-25 11:02:10

     module: {

       rules: [

             {

               test: /\.css$/,

               use: [

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

                 { loader: 'style-loader' },

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

                 {

                   loader: 'css-loader',

                   options: {

                     modules: true

                   }

                 },

                 

               ]

             }

           ]

     }


  • 慕粉2125093636
    2019-10-30 21:56:53

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

  • 睡觉青蛙
    2017-10-04 13:34:05

    为什么我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']}

    ]

    }

    }

    项目结构如下:

    http://img2.mukewang.com/59d4726f0001436f01920291.jpg

    cmd打包运行成功:

    http://img1.mukewang.com/59d472940001fd1406130427.jpg

    浏览器提示

    http://img.mukewang.com/59d472c90001c1f606060111.jpg

  • 白开水online
    2017-06-09 10:38:12

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

  • 土豆马铃薯呀
    2017-06-02 11:25:01

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

  • 秋末
    2017-03-20 23:49:57

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

    module.exports = {

     module: {

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

  • overflowhidden
    2017-03-10 10:16:18

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

  • 野生前端菜鸟
    2017-02-20 21:30:13

    可是我的css文件应该没有写错把http://img.mukewang.com/58aaef4a00017aee06060284.jpg