使用css-rcurlyexpected等报错

●问题：●错误分别是：css-rcurlyexpectedat-rule or selector expectedDo not use empty rulesets但是样式还是正常起作用了。●原因1.setting.json里设置"vetur.validation.style": false,2. style第一行加@charset “utf-8”;但是这样主要的原因是页面语言模式设置有误，刚用默

Ricu_LiuJie

2708人浏览 · 2022-03-03 15:43:11

Ricu_LiuJie · 2022-03-03 15:43:11 发布

●问题：

在这里插入图片描述

●错误分别是：

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",
 },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^