[plugin:vite:css] [postcss] postcss-import: “” unknown word一个关于在vite中引入scss的超级离谱的报错！！

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

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

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

把他改成

就不报错了

 

原因：

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

scss里用的是@import ""

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