首页 > 其他分享> > 解决报错: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中安装
Stylelint
和Tailwind 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