首页 前端知识 挖坑记录:vite使用sass 报错:[plugin:vite:css] expected “;“.

挖坑记录:vite使用sass 报错:[plugin:vite:css] expected “;“.

2024-04-13 23:04:31 前端知识 前端哥 760 821 我要收藏

Vite 挖坑记录

vite 引入sass依赖包,然后在vite.config.ts配置一下scss,这里就不详细说,不会的自行百度。

运行 yarn dev 项目

浏览器报错:
浏览器报错
终端报错:
在这里插入图片描述
这时候一脸懵逼的,想着依赖包已经引入,vite.config.ts也配置了,开始以为是版本问题,或者以为是stylelint 样式约束问题。然后捣鼓了半天,再回去确认一遍配置少了 ; ~~o(>_<)o ~~

vite.config.ts 配置:

css: {
    preprocessorOptions: {
        scss: {
        	//错误: 配置最后少了 ";"
            //additionalData: `@import "@/styles/var.scss"`
            //正确:
			additionalData: `@import "@/styles/var.scss";`
        }
    }
},

配置一定要加 ;

由于自己的马虎,又给自己挖了个坑。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4872.html
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!