錯誤和警告

除了規則問題外，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屬性