昨天在写一个icon的组件库,在vue项目的main.ts中引入这个scss中就一直报如下错误:

起初一直以为是vite解析不了scss用$的自定义变量,下图的这个样式始终显示不了,但我把变量名直接换成内容就正常了,变量名如下:

后来发现居然是因为我在引入变量时用了@import url()语法!!!,如下:

把他改成

就不报错了

 

原因:

@import url()是css才有的语法!!!

scss里用的是@import ""

用了我一个晚上!!哭晕在厕所

 

 

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐