请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

老师,我配置了css-loader之后出现了很多问题!以及样式不显示

58abedc300014e4304530274.jpg

58abedc30001252405000197.jpg

58abedc300019dc005000082.jpg

配置都是跟着老师的配置来的。然后webpack就出现错误了。

https://img1.sycdn.imooc.com/szimg//58abedef00017d0f05630130.jpg


后来跟着提示改成了 style-loader

https://img1.sycdn.imooc.com/szimg//58abee0b00011cf510070114.jpg


但是还是没有显示样式!!!虽然没报错了。在chrome中调试,footer没有带class

正在回答 回答被采纳积分+3

5回答

Parry 2017-02-21 16:10:01

不是style-loader,就是 style,提示已经告诉你了。修改成 style 后把详细错误贴一下。

{

        test: /\.css$/,

        loader: 'style!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'

      },


还是搞不定请直接下载完整的源码包运行。

0 回复 有任何疑惑可以回复我~
  • 提问者 benny2011 #1
    老师,后来改成style-loader之后,再装了一遍style-loader就能用了,不知道是什么原理。
    回复 有任何疑惑可以回复我~ 2017-02-21 17:02:35
  • 提问者 benny2011 #2
    老师还有一个问题,我看慕课那边怎么一天才开一节课,不能一次性把课全放上去吗?老师催一催他们吧!感谢
    回复 有任何疑惑可以回复我~ 2017-02-21 17:03:37
  • Parry 回复 提问者 benny2011 #3
    因为有防止课程被盗版,还请理解。
    回复 有任何疑惑可以回复我~ 2017-02-21 17:50:53
霍进 2017-03-12 21:28:01

{

          test: /\.css$/,

          loader: 'style-loader!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]__[hash:base64:5]'

        }

我是这样的,可以生成样式。

2 回复 有任何疑惑可以回复我~
  • 君瑾 #1
    我按你的方法,解决了
    回复 有任何疑惑可以回复我~ 2017-03-17 10:22:57
加加摩尔 2017-04-06 23:23:38

估计是版本问题,我之前按照老师的课程,直接在package.json中写的配置,然后npm install,也是不行,后来自己用npm安装style-loader和css-loader,就可以了,当然,webpack.config.js里面还是写成loader: 'style-loader!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'

下面是安装后的附图

package.json

https://img1.sycdn.imooc.com/szimg//58e65d2900011a1c04510397.jpg

webpack.config.js

https://img1.sycdn.imooc.com/szimg//58e65d29000114b808980412.jpg

npm 版本3.10.10

webpack 版本,2.3.2

1 回复 有任何疑惑可以回复我~
qq_很近近在咫尺_0 2017-04-04 17:27:02

我的也是没报错,但是css样式不显示,为什么呀

0 回复 有任何疑惑可以回复我~
  • Parry #1
    你单独提问贴下代码我帮你看下。
    回复 有任何疑惑可以回复我~ 2017-04-05 11:09:28
霍进 2017-03-12 21:30:20

运行效果:

https://img1.sycdn.imooc.com/szimg//58c54d2b000112e207860134.jpg



&&

https://img1.sycdn.imooc.com/szimg//58c54d2b000123b904900218.jpg

0 回复 有任何疑惑可以回复我~
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信