使用css-rcurlyexpected等报错

●问题:

在这里插入图片描述

●错误分别是:

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",
 },
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您好!关于在 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、付费专栏及课程。

余额充值