使用css-rcurlyexpected等报错

最新推荐文章于 2024-08-19 17:52:07 发布
最新推荐文章于 2024-08-19 17:52:07 发布
阅读量2.7k 收藏 1
点赞数
分类专栏： Vue 文章标签： npm 前端 vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tulihetulihe/article/details/123255867
版权
本文探讨了在Vue项目中遇到的CSS编译错误，如'css-rcurlyexpected'等，尽管样式生效，通过`vetur.validation.style`设置、添加@charset和调整语言模式，揭示了问题的根本原因。提供了解决方法，包括修改Vue语言模式及设置default.vue文件类型。
摘要由CSDN通过智能技术生成

●问题：

在这里插入图片描述

●错误分别是：

css-rcurlyexpected
at-rule or selector expected
Do not use empty rulesets

但是样式还是正常起作用了。

●原因

1.setting.json里设置"vetur.validation.style": false,
2. style第一行加@charset “utf-8”;
但是这样主要的原因是页面语言模式设置有误，刚用默认.vue会设置成html模式，所以就会报错

●解决方法一：

在这里插入图片描述

点进去改成Vue模式

●解决方法二：

在setting.json里设置，让系统默认修改.vue文件的语言模式为vue

"files.associations": {
   "*.vue": "vue",
 },
Ricu_LiuJie
关注
专栏目录
npm install错误，安装normalize.css--save报错
HAZER644的博客
10-19 1504
使用npm安装normalize.css 时出错
webpack css-loader less-loader报错：
qq_43594321的博客
05-28 1646
webpack css-loader报错： 明明下载了css-loader ，但是终端输入 webpack ./src/main.js ./dist/bundle.js 或 cnpm run build 时，出现 模块生成失败 的信息 这里是 webpack ./src/main.js ./dist/bundle.js 错误信息 ERROR in ./src/css/normal.css //模块生成失败 Module build failed: Error: Cannot find module ‘u
微信开发者工具报错 at-rule or selector expected css
qq_42972098的博客
08-10 194
点击下方的wxml，把它替换成xml。
} expectedcss(css-rcurlyexpected)
热门推荐
weixin_42789120的博客
03-31 1万+
} expectedcss(css-rcurlyexpected)----我出现这个错误的原因是没有在style中添加lang=less，添加后变为正常
at-rule or selector expected
最新发布
Lzl_IT的博客
08-19 171
在vue的css中鼠标移上显示at-rule or selector expected错误。我这边是因为忘记了添加lang=“scss”添加之后就不会再显示这个错误了。
vue报错at-rule or selector expectedcss(css-ruleorselectorexpected)
m0_51160509的博客
01-26 3996
解决办法：打开设置，把这个勾选关掉。
expectedcss(css-rcurlyexpected) 错误
weixin_53483088的博客
06-14 1380
style标签默认css语法，我们在写样式中使用了css外的语法，就会报错。// lang设置为自己需要的语法，比如scss、less等。
vscode css错误提示 } expected css(css-rcurlyexpected)
weixin_59250190的博客
07-26 4388
vscode css错误提示 } expectedcss(css-rcurlyexpected)，出现这种报错一般是在vue文件中使用less或是sass，此时只要查看vscode右下角的语言是否是vue。若不是，可以在设置中搜索html，找到配置语言关联，将*.vue的值改为vue即可解决。...
详解css-vars-ponyfill 在ie环境下使用问题（nextjs 构建）
11-19
css-vars-ponyfill
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
3. Loader是Webpack中一个非常重要的概念，loader可以将文件转换成JavaScript模块，例如css-loader可以将css文件转换成JavaScript模块。 4. Vue-cli项目中，使用ElementUI库时需要在webpack.base.conf.js文件中配置...
postcss-less:用于解析LESS的PostCSS语法
05-13
npm install postcss-less --save-dev 如果您发现此模块有用，请考虑。 用法 无postcss-less的最常见用法是将PostCSS转换直接应用于LESS源。 例如。 以LESS编写的ia主题，该主题使用添加适当的供应商前缀。 const...
v} expectedcss(css-rcurlyexpected) vscode 报错，编写css时无法实现嵌套写法
weixin_45654407的博客
03-18 8088
这是一个使用sass来编写样式的vue项目。 之前编写样式是正常的，今天突然就不行了，我还以为是漏了标点符号或者用了正式标点符号，检查了发现并不是，然后直接百度了以下这个报错} expectedcss(css-rcurlyexpected)，就找到了答案： 底部控制栏的语言模式要修改成vue。 点击HTML，vscode就会弹窗让你选择语言模式，往下拉到最后，选中vue即可。 昨天我下载了最新的vscode，所以导致了这个语言模式默认为html了，需要手动改回来。 正常啦~~~ ...
style格式报错} expectedcss(css-rcurlyexpected)
luweisixsix的博客
10-28 1万+
格式写错了，我把lang写错了，报的错误，错误代码“} expectedcss(css-rcurlyexpected)”
expectedcss(css-rcurlyexpected) vscode 报错，编写css时无法实现嵌套写法
m0_73763853的博客
11-02 588
在style样式中引入scss全局变量时报错 但是可以正常运行。试了一系列办法后终于找到解决方法。来编写样式的vue项目。
expectedcss(css-rcurlyexpected),使用：变红怎么整，给他改成less就可以了
weixin_54048131的博客
02-08 473
} expectedcss(css-rcurlyexpected)，这里出现红色，该怎么办 style，:是less的专属，改成less就可以了
} expectedcss(css-rcurlyexpected) 错误
weixin_44082369的博客
07-22 8001
} expectedcss(css-rcurlyexpected) 错误 原因是因为style标签没有设置语法 比如 // lang设置为自己需要的语法，比如scss、less等
{ expectedcss(css-lcurlyexpected)
weixin_52754360的博客
02-01 490
清除浮动时，就这句兼容的有问题，网上查了把下图这个设VUE就行。自己试了下清除这个的错误的话，直接运行也OK。
记录vue中使用scss报红但是不影响css样式，代码行会提示css-rcurlyexpected这个问题
weixin_45958726的博客
03-02 453
记录vue中使用scss报红但是不影响css样式，代码行会提示css-rcurlyexpected这个问题
vue2使用postcss-px-to-viewport配置报错
09-01
您好！关于在 Vue 2 中使用 postcss-px-to-viewport 进行配置报错的问题，我可以为您提供一些解决方案。 首先，请确保您已经按照正确的步骤安装了 postcss-px-to-viewport 插件，并在项目的 postcss 配置文件中进行了相应的配置。 如果您已经正确安装并配置了插件，但仍然遇到报错，可以尝试以下解决方法： 1. 确认插件版本：请确保您使用的是兼容 Vue 2 的 postcss-px-to-viewport 版本。有时候，不同版本的插件可能具有不同的配置方式或兼容性问题。 2. 检查 postcss.config.js 文件：请检查您的项目根目录下是否存在 postcss.config.js 文件，并确保在该文件中正确配置了 postcss-px-to-viewport 插件。您可以参考以下示例配置： ```javascript // postcss.config.js module.exports = { plugins: { 'postcss-px-to-viewport': { viewportWidth: 750, // 设计稿宽度 viewportHeight: 1334, // 设计稿高度，可以不指定 unitPrecision: 3, // 单位转换后保留的小数位数 viewportUnit: 'vw', // 转换后的视窗单位 selectorBlackList: ['.ignore', '.hairlines'], // 不进行转换的CSS选择器，使用原始单位（可以使用正则表达式） minPixelValue: 1, // 小于或等于1px不转换为视窗单位 mediaQuery: false // 允许在媒体查询中转换为px } } } ``` 3. 重启开发服务器：有时候，在修改配置后需要重新启动开发服务器才能使新的配置生效。 如果以上方法仍然无法解决问题，请提供具体的报错信息或配置代码，以便我能够更准确地帮助您解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值