vite项目进行yarn build进行生产打包时，报错[vite:css] [sass] expected “；“.

最新推荐文章于 2024-06-04 15:10:25 发布
最新推荐文章于 2024-06-04 15:10:25 发布
阅读量879 收藏
点赞数
文章标签： sass 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Frank_colo/article/details/131171617
版权

yarn build 报错

 原因是在vite.production.ts中的css配置中preprocessoptions的预处理器语言选项的scss的additionalData它是一个模板字符串，最后少了一个；

 添加上就好了

 

烟火的降落
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
挖坑记录：vite使用sass 报错：[plugin:vite:css] expected “；“.
北柒南笙
10-27 9930
vite 使用 sass 报错
日常踩坑-[sass]Error: Expected newline
qq_34498806的博客
11-02 1161
scss是sass3引入进来的，scss语法有"{}“,”;"而sass没有，所以sass-loader对他们的解析是不一样的。经过网上冲浪知道，原来在声明语言的时候 lang 不能声明为 sass ，而是。在学习sass的时候，运行时发现报错。
SassError: expected selector报错 ::v-deep 替换 /deep/
最新发布
m0_53700506的博客
06-04 342
用 ::v-deep 替换 /deep/ ，成功解决了问题。
SassError: Expected newline. sass
King的博客
08-07 3970
SassError: Expected newline. sass报错
项目运行报错scssError:expect newLine
vfjcgg的博客
06-15 554
使用sass报错
vue3+vite中报错[plugin:vite:css] [sass] Undefined mixin
浩星
11-07 5794
vue3项目中使用sass时报错不认识mixin.
react移动端项目构建，react@18.2.0+react-vant+vite+axios+redux+sass
03-06
该架构已解决大部分坑，主要用于react@18.2.0移动端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、vant、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
react PC端项目构建TS，react@18.2.0+antd+vite+axios+redux+sass+ts
03-07
该架构已解决大部分坑，主要用于react@18.2.0PC端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
react PC端项目构建，react@18.2.0+antd+vite+axios+redux+sass
03-07
该架构已解决大部分坑，主要用于react@18.2.0PC端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
vue3移动端项目搭建，vue3+vant+vite+axios+pinia+sass
02-08
在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、pinia、vant、sass、vite和vue3，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理持久化储存等功能 ...
react移动端项目构建TS，react@18.2.0+react-vant+vite+axios+redux+sass+ts
03-06
该架构已解决大部分坑，主要用于react@18.2.0移动端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、vant、sass、vite、sass、react，其中还会介绍到如何跨页面传递数据、国际...
vue+vite项目部署会遇到的几个问题
returnadsss的博客
02-21 2104
vue+vite打包项目
解决[plugin:vite:css] [sass] Undefined mixin.报错信息
编程小白的博客
02-02 1324
解决[plugin:vite:css] [sass] Undefined mixin.报错信息
开发过程遇到的小问题
D_JOY_W的博客
06-16 378
记录开发遇到的小问题
react中使用sass报错SassError: Expected newline.
qq_44532387的博客
04-10 1959
当我想使用sass定义全局变量时 安装sass之后出现以下报错 在检查loader全部配置没有问题的情况下 发现文件后缀名需要改为.scss可解决
【Vuetify】TS 配置 Vuetify 时 SASS 编译失败
hxw3274743的博客
11-06 1547
TS 的 Vue 项目引入 Vuetify 时 SASS 编译失败，报错 Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Invalid CSS after " @content": expected "}", was ... 如何解决
vue3使用Vite打包是Ts检查报错问题
MingT 明天你好！的博客
08-02 2408
'calendarSwitch' is declared but its value is never read error TS： Cannot find module 'element-plus/es/locale/index.js' or its corresponding type declarations. ; }' is not assignable to parameter of type 'never'.
vue的less语言报错expected css(css lcurlyexpected)解决
weixin_45168167的博客
10-29 2735
我在vscode中，创建.vue文件，然后在vue文件中内置less代码： 但是出现了下面的警告：} expected css(css lcurlyexpected),但是不影响使用， 解决方案: 如果使用了 vetur 插件后发现还是无法识别 .vue 中的 less 语法的话，可以点击右下角的LF语言模式是不是 Vue，如果不是，请改为 Vue. 全局设置： “files.associations”: { "*.vue": "vue", "*.tpl": "html" ...
一、Vite css处理（模块module、sass less预处理、获取CSS代码字符串）
黄彪博客
06-17 5097
如果 css.modules.localsConvention 设置开启了 camelCase 格式变量名转换（例如 localsConvention: ‘camelCaseOnly’），你还可以使用按名导入。
vite打包时先提示打包成功 然后报错Error: Bindings not found.是怎么回事
06-13
这个错误通常会出现在您的代码中引用了某些依赖库，而这些依赖库中使用了原生的Node.js模块。由于Vite是基于浏览器环境运行的，因此它无法直接使用原生的Node.js模块。 解决这个问题的方法是将使用原生Node.js模块的依赖库替换为可以在浏览器环境运行的库。一般来说，这些库会在使用时自动替换掉原生的Node.js模块。您可以在依赖库的文档或GitHub页面中查找是否有可以在浏览器环境中使用的版本。 如果您的代码中没有引用任何依赖库，那么这个问题可能与您的代码中的某些语法有关。您可以检查您的代码是否使用了ES6的一些新特性，例如模板字面量、箭头函数、解构赋值等。如果是这个问题，您可以尝试使用Babel将您的代码转换为ES5语法，这样就可以在浏览器环境中运行了。 希望以上信息对您有所帮助。如果您有任何其他问题，请随时问我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值