其他分享
首页 > 其他分享> > 解决报错:colon expectedcss(css-colonexpected) 和 semi-colon expectedcss(css-semicolonexpected)

解决报错:colon expectedcss(css-colonexpected) 和 semi-colon expectedcss(css-semicolonexpected)

作者:互联网

解决报错:colon expectedcss(css-colonexpected) 和 semi-colon expectedcss(css-semicolonexpected)

当时的报错图片没有截下来,但是是在vue-cli搭建的项目中,在.vue文件的style标签中使用less时报的错误。

解决办法:

1、将 styleint 依赖项添加到项目中


npm install --save-dev stylelint stylelint-config-standard


2、在根目录中添加stylelint.config.js文件(与package.json同级)

加入如下代码


module.exports = {
  extends: ["stylelint-config-standard"],
  rules: {
    "at-rule-no-unknown": [
      true,
      {
        ignoreAtRules: [
          "tailwind",
          "apply",
          "variants",
          "responsive",
          "screen",
        ],
      },
    ],
    "declaration-block-trailing-semicolon": null,
    "no-descending-specificity": null,
  },
};


3、在vscode中安装 StylelintTailwind CSS IntelliSense 插件


4、最后,在vscode的setting.json文件中加入以下内容


"css.validate": false,
"less.validate": false,
"scss.validate": false,

这样就禁用了原本的 linting,使用 Tailwind IntelliSense 插件对其进行 linting。现在报错就消失啦

标签:false,stylelint,expectedcss,报错,colon,css
来源: https://www.cnblogs.com/XYH-Learning/p/16309194.html