Syntax Error: SassError: expected selector.报错解决方法

最新推荐文章于 2025-03-16 19:56:37 发布
最新推荐文章于 2025-03-16 19:56:37 发布
阅读量1.2w 收藏 24
点赞数 13
分类专栏： vue 文章标签： scss 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Yoga99/article/details/123087933
版权

报错内容
报错原因 是因为 在scss 中使用了 /deep/ 样式穿透。
在less 中可以这样写。

出现此报错 ，只需要 将 /deep/ 替换成 ::v-deep 即可。

echarts报错Uncaught SyntaxError: Unexpected token ‘＜‘
逍遥在南方的博客
02-18 6849
问题重现 最近需要研究echarts做图表，打算在html中先引用echarts试试。 于是百度到echarts官网的教程：5 分钟上手 ECharts <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="echart
JSON.parse() unexpected end of data 错误分析
webfancy的博客
02-21 3357
初学jquery时，使用XMLHttpRequest进行服务器异步JSON通讯，有个报错是： SyntaxError: JSON.parse: unexpected end of data 但是虽然报错，JSON.parse()之后的结果却是正常完整的。 网上搜了很久都没有找到原因，经过不断排查，发现输出responseText的时候，结果之前多了一个空行： 然后从这个入手，分别排查了： 1、服...
Syntax Error: SassError: expected selector. 报sass无法识别的错误
weixin_57022895的博客
02-15 7843
在开发过程中总碰见图片中的这样报错，造成这样问题我做过一下这些猜想，一、可能是sass版本过于太低，不能识别/deep/穿透，二、可能是其他依赖造成的，依赖安装的过多，导致第二种情况无法证实，所以我改用另一种写法，::v-deep穿透， 但是，在一次机缘巧合的开发中，卸载了安装了 之后，使用/deep/格外的流畅，所以针对于之前的方法，卸载sass-loader，安装sass-loader@7.0.0版本的基础上，补充一点，卸载sass(npm uninstall sass)，安装node-sas.
【vue使用Sass报错】启动项目报错 Syntax Error: SassError: expected selector
Sissi的个人笔记
09-06 1108
看了一下发现是sass使用样式穿透/deep/报的错/deep/其实是已经过期的写法，某个版本之后就不支持了但是我同事并没有出现同样的问题，不知道是为啥，也有可能是电脑（mac）的原因。
【uni-app运行错误】SassError: expected selector @import “@/uni.scss“；
jastalented的博客
03-16 403
安装完成，重新npm run dev运行项目就好了。如此就能正常运行项目 了。
SassError:expected selector /deep/
zqf1204的博客
09-06 6443
SassError:expected selector /deep/1 问题描述2 原因3 解决办法 1 问题描述 编译vue项目时，报错大体如下 ... Syntax Error: SassError: expected selector. ... /deep/ ... ^ .... 2 原因 错误sass文件中使用 /deep/ 的问题。 3 解决办法 1.卸载sass-loader 2.清除npm cache 3.安装sass-loader@7.0.0 原文：vue使用sass中/d
SassError: expected selector.
qq_41593185的博客
08-09 4806
【代码】SassError: expected selector.
Syntax Error: SassError: expected selector. /deep/ .el-dialog .el-input{ } 代码编译提示/deep/使用报错
qq_44748860的博客
09-07 2187
为了实现强制更改element-ui组件内部封装好的样式的效果，利用在标签前添加/deep/来根据实际情况强制更改对应属性的属性值。组合器-两者都是它们的别名，并且工作原理完全相同。某些预处理器（例如Sass）可能无法正确解析。如果/deep/报错，可以使用::v-deep。::v-deep的用法和/deep/ 完全一样。根据错误提示，定位到引起错误地方。在这些情况下，可以用/deep/
Syntax Error: SassError: Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi"
05-10
这个错误提示看起来像是在使用 Sass 编译 CSS 时出现的错误。可能是因为你的 Sass 文件中有语法错误或者格式错误导致的。 具体的错误信息中提到了 "var content = requi"，这个看起来是一段 JavaScript 代码，而...
router/router-static.js @ ./src/main.js @ multi ./node_modules/.store/webpack-dev-server@3.11.3/node_modules/webpack-dev-server/client?http://10.10.2.59:8083&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js error in ./src/views/modules/news/list.vue?vue&type=style&index=0&id=ce2d1bb0&lang=scss&scoped=true Syntax Error: SassError: expected selector. ╷ 13 │ & /deep/ el-pagination__sizes{ │ ^ ╵ D:\other\springboot291_yiqingfangkong-master\xiaoyuanyiqingfangkong\src\main\resources\admin\admin\src\views\modules\news\list.vue 13:7 root stylesheet @ ./node_modules/.store/vue-style-loader@4.1.3/node_modules/vue-style-loader??ref--9-oneOf-1-0!./node_modules/.store/css-loader@3.6.0/node_modules/css-loader/di st/cjs.js??ref--9-oneOf-1-1!./node_modules/.store/vue-loader@15.11.1/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/.store/postcss-loader@ 3.0.0/node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/.store/sass-loader@8.0.2/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_mod ules/.store/cache-loader@4.1.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/.store/vue-loader@15.11.1/node_modules/vue-loader/lib??vue-loader-options!./src/views/modules/news/list.vue?vue&type=style&index=0&id=ce2d1bb0&lang=scss&scoped=true 4:14-727 15:3-20:5 16:22-735 @ ./src/views/modules/news/list.vue?vue&type=style&index=0&id=ce2d1bb0&lang=scss&scoped=true @ ./src/views/modules/news/list.vue @ ./src/router/router-static.js @ ./src/main.js @ multi ./node_modules/.store/webpack-dev-server@3.11.3/node_modules/webpack-dev-server/client?http://10.10.2.59:8083&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js error in ./src/views/modules/shangbao/list.vue?vue&type=style&index=0&id=423eea70&lang=scss&scoped=true Syntax Error: SassError: expected selector. ╷ 13 │ & /deep/ el-pagination__sizes{ │ ^ ╵ D:\other\springboot291_yiqingfangkong-master\x
最新发布
04-03
好的，我现在需要解决用户在Vue项目中遇到的Sass语法错误，特别是使用/deep/时出现的“expected selector”错误。根据用户提供的引用信息，问题出现在Nuxt或Vue项目中使用SCSS预编译时，尝试使用/deep/进行样式穿透...
price_info = driver.find_elements_by_css_selector(".priceInfo .totalPrice") ^ SyntaxError: invalid syntax
09-16
这个错误提示`SyntaxError: invalid syntax`表示Python解释器在解析代码时遇到了语法错误。在这个上下文中，`^`并不是一个有效的语法符号。看起来你试图使用Selenium的`find_elements_by_css_selector`方法从网页上...
SassError: expected selector.(sass报错)
李十三的博客
05-31 2246
全局搜索项目中的/deep/ 然后全部替换成::v-deep 即可。
报错 Syntax Error: SassError: expected selector. ╷ 21 │ /deep/ .el-input__inner { 解决
dujianqiu的博客
04-19 2860
场景：vue写项目时，穿透样式,改变导航按钮文字颜色时报错 解决办法：全局搜索把/deep/ 改成 ::v-deep /deep/ .el-input__inner { border-radius: 0; border: 0; padding-left: 0; padding-right: 0; box-shadow: none !important; border-bottom: 1px solid #d9d9d9; .
vue项目运行报：SassError: expected selector...
Estrellayun_的博客
11-19 1599
SassError: expected selector 错误通常由于 Sass 或 SCSS 文件中存在语法错误或选择器缺失，导致 Sass 编译器无法解析。
uniapp Syntax Error: SassError: expected selector.
LEON_RAY
04-18 1081
::v-deep 替换 /deep/
避坑16_Vue中使用Scss报错SassError: expected selector. /deep/ .xxx
热门推荐
linxwx的博客
07-09 1万+
降低Sass-loader版本至7.0.0即可
SassError: expected selector /deep/ (module build failed)
wzp20092009的博客
09-13 4404
问题 有些项目npm run serve运行时报错 SassError: expected selector，指向的是 /deep/ 的问题。 原因 因为 /deep/ 写法会在 vue 3.0 下报错，请改用官方推荐的操作符 ::v-deep代替使用。 vue 官方深度作用选择器 2.0 用的是 >>>, 而 vue 3.0 官方推荐用 伪类 :deep(), 因为某些预处理器不支持解析，所以使用 /deep/ 或者 ::v-deep 操作符替代。 参考 有些像 Sass 之类的
Syntax Error: SassError: expected "{".
03-08
Syntax Error: SassError: expected "{" 是一个Sass编译错误，表示在Sass代码中缺少了一个左大括号"{"。Sass是一种CSS预处理器，它允许开发者使用类似于编程语言的语法来编写CSS样式。 当你在Sass代码中使用了某个语法结构（如mixin、函数、条件语句等），但没有正确地使用大括号包裹相关的代码块时，就会出现这个错误。 解决这个错误的方法是检查你的Sass代码，确保每个语法结构都正确地使用了大括号包裹相应的代码块。例如，如果你使用了一个mixin，应该像这样写： @mixin myMixin { // mixin的代码块 } 如果你能提供更多的代码或上下文信息，我可以给出更具体的帮助。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值