修复Stylelint报错：Unknown word CssSyntaxError

最新推荐文章于 2025-03-18 17:57:19 发布

morgan@233

最新推荐文章于 2025-03-18 17:57:19 发布

阅读量6.9k

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/happy_hsf/article/details/131258822

版权

在提交代码时遇到stylelint的UnknownwordCssSyntaxError错误，问题源于当前配置不适用于HTML文件。为了解决这个问题，可以安装pnpmi，添加依赖postcss-html，然后在postcss.config.js中更新规则，创建一个overrides部分，针对HTML文件指定使用postcss-html作为自定义语法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

提交代码时出现stylelint报错Unknown word CssSyntaxError，如下图：
Unknown word CssSyntaxError截图
出现报错的文件格式为html，对于html的格式的文件stylelint当前配置的规则可能不适用导致。尝试针对html格式文件采用自定义规则解释：

安装依赖
pnpm install -D postcss-html
更改postcss.config.js规则
新增overrides规则，对于html文件使用自定义规格"postcss-html"解释，具体代码如下：

{
  "extends": ["stylelint-config-standard-scss", "stylelint-config-standard-vue/scss"],
  "overrides": [
    {
      "files": ["*.html", "**/*.html"],
      "customSyntax": "postcss-html"
    }
  ]
}