跳至主要内容

错误和警告

除了规则问题之外，Stylelint 还显示以下错误和警告

CSS 语法错误​

Stylelint 内置的 CSS 解析器或选择的 自定义语法 无法解析您的代码。

未闭合块​

您应该平衡您的花括号，通常是声明块。

例如

- a { color: red;
+ a { color: red; }

未闭合括号​

您应该平衡您的方括号，通常是属性选择器和网格名称。

例如

- a[foo { grid: [bar; }
+ a[foo] { grid: [bar]; }

未闭合字符串​

您应该平衡您的引号。

例如

- a { content: " }
+ a { content: "" }

未知词语​

您应该

  • 连字符化属性
  • 用冒号分隔属性和值对
  • 用分号分隔声明
  • 在规则中将选择器与声明块配对

例如

a {
- margin top: 1px
- color red
+ margin-top: 1px;
+ color: red
}

解析错误​

Stylelint 内置的 CSS 解析器（或选择的 自定义语法）成功解析了您的代码，但其中一个特定于结构的解析器未能解析该源中的媒体查询、选择器或值。

特定于结构的解析器是

  • @csstools/media-query-list-parser
  • postcss-selector-parser
  • postcss-value-parser

您应该检查您的结构是否格式正确，例如括号是否平衡。

未知规则错误​

在 配置对象 中存在未知规则。

您应该

  • 安装最新版本的 Stylelint（npm i --save-dev stylelint），因为我们可能最近添加了该规则
  • 通过搜索 规则列表 检查规则是否存在以及名称是否正确

弃用警告​

在 配置对象 中存在已弃用的规则。

您应该

  • 在 CHANGELOG 中确定哪个版本弃用了该规则
  • 采取那里建议的操作

无效选项警告​

在 配置对象 中存在配置错误的规则。

您应该

  • 安装最新版本的 Stylelint（npm i --save-dev stylelint），因为我们可能最近添加了该选项
  • 通过阅读规则的 README 检查选项是否存在以及名称是否正确
  • 正确配置配置对象中的 rules 属性