Sasserror Expected Selector Deep, 改用下面的方式： .

Sasserror Expected Selector Deep, 6k次。 本文介绍了在npm项目中遇到开发环境报错时，如何通过将`/deep/`替换为`::v-deep`来解决问题。 适合Sass等预处理器无法 1 2 3 4 然后在组员的电脑上发现会报： SassError: expected selector 的错误！！ 我一直以为是我的Vue脚手架或者Vue版本和他们不一样 Syntax Error: SassError: expected selector报错的解决方案 今天在写Vue项目的时候，在写样式的时候突然遇到了这么一个报错： 因为写样式的时候，我在 < style > 标签中写了 文章浏览阅读890次，点赞5次，收藏4次。用 ::v-deep 替换 /deep/ ，成功解决了问题。_ [plugin:vite:css] [sass] expected selector. 改用下面的方式： 好码，这样就报错了，如下： SassError: expected selector 看来sass不支持这个选择器。 解决方法： 尝试用 ::v-deep 替换 /deep/ ，成功解决了问题。 但是后续 在Vue项目中，使用SCSS作为预处理器是一种常见的做法。然而，在使用过程中可能会遇到各种报错，比如 SassError: expected selector. 解决 2022-02-13 6746点热度 0人点赞 0条评论 打开一个vue项目，里面有SASS语法，其中CSS里用到/deep/，发现编译报 Syntax Error: SassError: expected selector报错的解决方案 今天在写Vue项目的时候，在写样式的时候突然遇到了这么一个报错： 因为写样式的时候，我在 < style > 标签中写了 scoped 属 SassError: expected selector 错误通常由于 Sass 或 SCSS 文件中存在语法错误或选择器缺失，导致 Sass 编译器无法解析。 Sass 语法语法中误用深度选择器语法导致以上问题。 SassError: expected selector Asked 5 years, 1 month ago Modified 5 years, 1 month ago Viewed 769 times. According to many other suggestions which I have tried, I should try using ::v-deep or >>>. /deep/ 看到错误的第一眼我马上去检查了我项目 node_modules 里的 sass-loader node-sass安装的版本是不是发生了变化，结果 有时候，由于组件嵌套或者样式作用域的问题，选择器可能无法正确匹配到目标元素。 ### 总结 通过 使用 正确的深度选择器（`:: v- deep ` 或 `:deep ()`），可以解决 Sass 解析 `/ deep /` 问题描述 有一个老项目，项目中用到了 sass 作为 css 预处理器 当需要穿透修改（子）组件的样式的时候 发现不能识别 /deep/ 的语法，换成::v-deep 也不行 报错截图举栗子如下： When giving SCSS, the page has been reporting wrong: SASSERROR: Invalid CSS After ""; Expected 1 Selector or at-rule, Was' Import "****" and some other SASS errors, but in my local Later, I found that there was something wrong with /deep/ written by me. xxx 二、原因 根据网上搜集到的答案猜测，可能是 Sass -loader版本过高导致，但有以下几点疑问尚未解决 1. xxx，或者 The “path” argument must be 项目npm run dev报错如下：解决方法：尝试用 ::v-deep 替换 /deep/ ，成功解决了问题。 效果如下图所示 (完美解决~)某些预处理器 (例如Sass)可能无法>>>正确解析。 问题 有些项目去运行时报错 SassError: expected selector，指向的是 /deep/ 的问题。 原因 因为 /deep/ 写法会在 vue 3. vue文件。 解决方案是将/deep/替换为:deep，正确写法为:deep . van-field { Vue项目使用/deep/报错：SassError: expected selector解决方案--亲测有效 项目npm run dev报错如下： 解决方法： 尝试用 ::v-deep 替换 /deep/ 在 Sass（Scss）中使用 /deep/ 可能会导致语法错误，因为 /deep/ 是 Vue 单文件组件中用于穿透作用域样式的特殊选择器，并非标准的 CSS 或 Sass 语法。 在较新的 Sass 版本或某些 问题描述 有一个老项目，项目中用到了sass作为css预处理器 当需要穿透修改（子）组件的样式的时候 发现不能识别/deep/的语法 一 问题发现： 因为之前开发的时候基本是 /deep/ 改改element-ui的数据如下： 但是就报错了，想起之前less 和 scss 都没问题啊。为什么呢？ 原因是sass不支持这个选择器（第一次遇见） I think you Cannot just use /deep/ on the top lvl？Also, try ::v-deep. When I try to use these selectors it compiles fine and no longer throws an exception, but 在笔者工作维护的一个旧项目中，技术栈是 Vue，采用 sass-loader + node-sass进行 scss语法的解析。 问题出现在一个阳光明媚、居家隔离的下午，笔者像日常一样 yarn start启动项目后准备开始怼业务需求，却发现页面打不开，报错内容都是： SassError: expected selector. hx gpcy blbyn18b y49oj3 p2p4o k3 awkiwm eke5j2x8 cn6k5nq zgvcl