写这个style样式就报错

写这个style样式就报错

# 具体遇到的问题

# 报错信息的截图
http://img1.sycdn.imooc.com//climg/5f8ef2270992525217091839.jpg


本人已经安装了依赖:

http://img1.sycdn.imooc.com//climg/5f8ef24309cf315b06880683.jpg


# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

正在回答

登陆购买课程后可参与讨论,去登陆

6回答

同学你好,是的,sass-loader也是版本的问题,在前面回复中老师说过了哦:

http://img1.sycdn.imooc.com//climg/5f915fec093fb87107030184.jpg

http://img1.sycdn.imooc.com//climg/5f915fd309a01ad807280050.jpg

可以再看看,祝学习愉快!

好帮手慕星星 2020-10-22 13:40:31

同学你好,关于版本问题解释如下:

stylus-loader的编译依赖于vue-loader,而stylus-loader的最新版本4.1.1与vue-loader默认推荐的13.3.0版本不兼容,最简单、快捷的解决方案是降低stylus-loader版本,与课程中的stylus-loader版本号保持一致即可。

祝学习愉快!

  • 提问者 陈立天 #1
    老师我用npm install sass-loader --save 安装最新版的sass 只要在style lang里面写的scss也会出现同样的问题
    2020-10-22 14:06:24
好帮手慕星星 2020-10-21 17:40:54

同学你好,问题解答如下:

1、关于stylus-loader插件版本问题,老师们还没有找到正确的原因,目前正在积极查找中,有结果后会立即通知的。对于插件版本造成的影响,我们也会尽快对课程进行相应处理,非常感谢反馈。

2、scoped一般不会影响运行速度,因为它的原理是多加了一个属性,sass只是一个预编译处理器而已,最终使用的还是css 。

祝学习愉快!

好帮手慕星星 2020-10-21 12:07:53

同学你好,问题解答如下:

1、stylus测试出错可能是版本是stylus-loader插件版本的问题

http://img1.sycdn.imooc.com//climg/5f8fb342096c6e5f03500039.jpg

建议换为课程中3.0.2版本,使用下面命令安装覆盖下

http://img1.sycdn.imooc.com//climg/5f8fb3800906426a02920030.jpg

npm install --save stylus-loader@3.0.2

然后重启项目试试。

2、stylus和sass一样,都是css预处理器,使用哪一个都可以。这里老师是为了让大家了解多种预处理器,所以讲解了stylus。

3、可能是安装命令的问题,添加上--save-dev 会出现在devDependencies设置中,添加上--save会出现在dependencies设置中。

sass使用需要安装的插件有三个,sass-loader需要降低版本,否则测试有问题:

http://img1.sycdn.imooc.com//climg/5f8fafc709fe9a4d02850029.jpg

http://img1.sycdn.imooc.com//climg/5f8fafb809a18a7107380056.jpg

在vue文件中使用

http://img1.sycdn.imooc.com//climg/5f8faffd09531ec503170123.jpg

如果需要限制仅在当前组件中起作用就添加上scoped属性。

祝学习愉快!

  • 提问者 陈立天 #1
    追问一下老师: 1.为什么越高的版本反而会出现问题?不应该版本越高使用起来越便捷简洁方便吗?? 2.听别人说使用scoped会影响运行速度是这样的吗?公司的人据说都是用sass作用域去代替scoped运行慢的问题?
    2020-10-21 14:19:23
提问者 陈立天 2020-10-21 09:37:27

我用sass 也报错

http://img1.sycdn.imooc.com//climg/5f8f90850999bfc921532930.jpg

http://img1.sycdn.imooc.com//climg/5f8f90d10971841c08221505.jpg


提问者 陈立天 2020-10-20 22:38:24

老师这个stylus 和sass有啥区别么 能不能用sass代替stylus???这里老师为啥要用stylus

  • 提问者 陈立天 #1
    想问下如果用sass要怎么弄啊?? 我记得是要编译的,如何编译之后的文件导入到Header.vue中去?并且能否实现像stylus 的scoped功能?
    2020-10-20 22:49:08
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师