vue学习之解决“} expected“和“at-rule or selector expected“报错

最新推荐文章于 2024-08-19 17:52:07 发布
最新推荐文章于 2024-08-19 17:52:07 发布
阅读量1.9w 收藏 12
点赞数 15
分类专栏： vue学习 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42566993/article/details/107595935
版权
本文解决了一个在VSCode中使用Vue与Sass时出现的兼容性问题。当在Vue项目中使用Sass预处理器并在style标签中设置lang=scss属性时，可能会遇到语法高亮显示不正确的问题。解决此问题的方法是确保VSCode的文档类型设置为Vue，而非其他类型。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题：在vue中已经安装了sass，并且也在style中使用了lang="scss"，但是在vscode中还是报如下错误：

} expected
at-rule or selector expected

在这里插入图片描述
解决：看看vscode右下角语言模式是不是Vue，如果不是，改成Vue。

如图所示：
在这里插入图片描述
改成Vue后：
在这里插入图片描述
问题解决！

微信开发者工具更新后报错“at-rule or selector expected”的解决方法
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
11-26 450
这种错误提示是微信开发者工具在语言模式识别上的一个小问题，通过简单地将语言模式更改为XML，就可以避免这种提示。希望本文能帮助到有类似问题的小伙伴们，让开发体验更加流畅！如果你在使用小程序开发时遇到其他类似问题，也欢迎留言讨论～ 😊。
【前端代码校验规则】Eslint、Stylelint、Prettier、lint-staged、husky、commitlint
zywhccyw的博客
09-05 5482
【前端代码校验规则】Eslint、Stylelint、Prettier、lint-staged、husky、commitlint
vue报错at-rule or selector expectedcss(css-ruleorselectorexpected)
m0_51160509的博客
01-26 4893
解决办法：打开设置，把这个勾选关掉。
at-rule or selector expected
Lzl_IT的博客
08-19 331
在vue的css中鼠标移上显示at-rule or selector expected错误。我这边是因为忘记了添加lang=“scss”添加之后就不会再显示这个错误了。
[scss] at-rule or selector expected
顽石⚡
10-09 1万+
@chartset “utf-8”;放在第一行就不会报错了
at-rule or selector expectedcss(css-ruleorselectorexpected)
Ricale的博客
11-23 4121
at-rule or selector expectedcss(css-ruleorselectorexpected)
[{ "resource": "/f:/Practise/hello_vue1/src/components/Person.vue", "owner": "_generated_diagnostic_collection_name_#3", "code": "css-ruleorselectorexpected", "severity": 8, "message": "at-rule or selector expected", "source": "css", "startLineNumber": 31, "startColumn": 19, "endLineNumber": 31, "endColumn": 19 }]
最新发布
04-30
好的，用户遇到了在Vue组件中出现的CSS错误“at-rule or selector expected”，我需要帮他们解决这个问题。首先，我得回忆一下这个错误的常见原因。通常，这种错误发生在CSS语法不正确的情况下，比如缺少分号、括号...
uniapp 报错expected selector /deep/
10-15
当你在使用 UniApp 开发项目时，遇到 "expected selector '/deep/'" 这样的错误，通常是因为你在样式文件中尝试使用 Vue 2 中的 `v-deep` 或者 `~` (穿透选择器) 语法，而在 UniApp 的 CSS 模块系统中，它们并不被...
Vue 09Vue中使用行内样式---class
mqingo的博客
01-02 2905
09Vue中使用样式---class.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>09Vue中使用样式----class</title> <script type="text/javascript
报错提示：at-rule or selector expectedcss(css-ruleorselectorexpected)
weixin_53488675的博客
02-06 8121
.vue文件中样式部分：
vue组件出现} expected css(css lcurlyexpected),的红色提示
weixin_45456215的博客
11-05 3916
vue项目点开后，出现了报错，提示为} expected css(css lcurlyexpected),需要下载 vetur 组件。 并且在配置文件中修改一下vue的配置，首选项—>设置 把 .vue 的值改成 vue，问题就解决了。 vue组件出现} expected css(css lcurlyexpected),的红色提示 ...
at-rule or selector expected css报错
热门推荐
chunmeizhang_88的博客
10-09 4万+
很细节的一个书写遗漏报错 需要css规则或选择器 添加less规则,则不会报错
微信小程序开发-新建项目遇到报错：at-rule or selector expected
qq_44844210的博客
12-26 947
微信小程序创建项目报错：at-rule or selector expected
微信小程序css报错:at-rule or selector expected
liuarmyliu的博客
10-15 4150
在写微信小程序，前几天还好好的，今天换了一个基础库后发现wxml页面报错了 错误提示 虽然页面能够显示，功能能够使用，但是看得很不舒服 如何修改： 在微信开发者工具右下角，把HTML换成XML 更改前： 更改后： 就没有报错了 ...
SassError: expected selector.
qq_41593185的博客
08-09 4848
【代码】SassError: expected selector.
使用vscode开发vue项目时候一直报错 '，' expected.Vetur(1005)
jiao0916的博客
04-13 1万+
解决方法: 打开设置，找到命令面板,搜索settings.json，修改配置如下:修改为false就可以了 ，有的编译器需要重新关闭窗口重新打开
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

King's Blog

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值