在css里引入文件使用别名路径标红

在css里引入文件使用别名路径标红

自己的项目里在style里使用别名路径会标红但是项目可以运行不报错,显示不能解析~,但是把老师的项目运行起来却不会标红,应该是css解析器的问题,我不知道咋搞,求助老师

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

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

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

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

5回答
好帮手慕码 2020-01-08 17:51:33

同学你好,可以自己解决问题很棒哦!另关于你的问题:“#”,"&"这些是特殊字符,可能在编辑器中,无法识别,因此会标红。一般来说,也不会使用这些特殊字符来作为别名,浏览器也可能会不解析,建议:使用正常的单词,如assets等。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

提问者 慕容9472869 2020-01-08 14:48:14

最新近况,把本地的项目删除,从远端重新拉取,在webstorm里打开,程序疯狂索引,然后弹出eslink配置问题,然后弹窗消失,程序自动修复了这些灰色波浪线。不过为啥还是不能用“#”,"&"这样的别名那

提问者 慕容9472869 2020-01-08 11:25:40

@import '~#/scss/mixins'的标红知道原因了,是由于别名配置使用了“#”,将别名改成“assets”就不标红了,但这是一种妥协,讲道理别名是可以设置成“#”的,应该webstorm里哪里可以调整的,只是我不知道,还有为什么引入的scss变量还是标灰色波浪线,老师的就可以正常识别没有波浪线

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

好帮手慕码 2020-01-07 18:57:33

同学你好,使用scss的话,是需要引入插件node-sass的,视频中也提到到:

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

然后路径要简写的话,需要配置,如下:

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

在.vue中引入的时候,如下方式:

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

同学可以按照上图排查一下。如果还是有问题的话,可以看下控制台是否报错,报什么错,建议截图至问答区进行提问,以便准确帮帮助同学分析解决问题。另,老师是按照提问顺序为同学解答疑问,所以同学不要着急,建议耐心等待一下~

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 慕容9472869 #1
    查过了,你上面说的几点,我都没问题,我现在怀疑灰色波浪线和红色波浪线以及scss变量下的灰色波浪线都是一个问题导致的,这些灰色波浪线提示不能识别和解析,虽然不会影响编译,但看着难受啊
    2020-01-08 10:23:01
提问者 慕容9472869 2020-01-07 17:46:12

老师在哪里啊,麻烦看看我的问题

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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