解决stylelint报Unknown word (CssSyntaxError)Stylelint(CssSyntaxError)的问题

首先stylelint的配置可以参考我两年前的配置2022年stylelint14最新配置

以前配置的时候明明没问题的,配置也没动过。但是stylelint突然就不能用了,看了一下,一方面是vscode-stylelint升级到了1.3.0,一方面是stylelint升级到了16。好家伙,每次升级都不兼容旧版本是把?

经过一番折腾,终于知道了怎么解决这个Unknown word (CssSyntaxError)Stylelint(CssSyntaxError)的问题了。

1.给vscode-stylelint指定stylelint的配置文件

在自己项目中的.vscode/settings.json中,加上"stylelint.configFile": ".stylelintrc.js",这个值由你自己项目中的配置文件决定,可以是.stylelintrc.js/.stylelintrc.cjs/.stylelintrc.json

2.在stylelint的配置文件中指定语法为postcss-html

js 复制代码
//.stylelintrc.js/.stylelintrc.cjs/.stylelintrc.json
module.exports={
    ...
    customSyntax: 'postcss-html',
    ...
}

报错就消失了

也成功恢复自动修复

相关推荐
Csvn5 分钟前
🤖 AI 生成前端代码的 5 个典型翻车现场及修复指南
前端
IT_陈寒1 小时前
SpringBoot自动装配坑了我一天,原来问题出在这
前端·人工智能·后端
索西引擎2 小时前
【React】key 属性:协调算法中的元素标识机制与最佳实践
前端·javascript·react.js
只会cv的前端攻城狮2 小时前
动态组件架构设计:从配置到事件驱动全链路解析
前端·vue.js
飞天狗2 小时前
Next.js 16 App Router 实战:服务端组件与流式渲染
前端·next.js
万敏2 小时前
Vue3 全栈实战第二周:Pinia + Vite + Router + axios 完整记录
vue.js·node.js·全栈
OpenTiny社区2 小时前
TinyEngine 2.11版本发布:AI 进一步融入画布,Vue 工程可一键转DSL
前端·vue.js·github
小雪_Snow3 小时前
JavaScript 中的三种常用事件
开发语言·前端·javascript
Hyyy3 小时前
Electron-Vite是什么,和Vite有什么区别
前端·面试
蓝胖子酱3 小时前
在 Electron 中用 electron-store 实现加密存储与自定义格式文件
前端·javascript·数据库