エラーと警告
ルールに関する問題に加えて、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-parserpostcss-selector-parserpostcss-value-parser
構文要素が正しく記述されていることを確認してください（例：括弧のバランス）。
不明なルールエラー
設定オブジェクトに不明なルールがあります。
以下の点に注意してください。
- ルールが最近追加された可能性があるため、Stylelintの最新バージョンをインストールしてください ( `npm i --save-dev stylelint` )
- ルールのリストを検索して、ルールが存在し、正しく命名されていることを確認してください。
非推奨警告
設定オブジェクトに非推奨のルールがあります。
以下の点に注意してください。
- CHANGELOGで、どのリリースでルールが非推奨になったのかを確認してください。
- そこで提案されている対応を取ってください。
無効なオプション警告
設定オブジェクトに誤って設定されたルールがあります。
以下の点に注意してください。
- オプションが最近追加された可能性があるため、Stylelintの最新バージョンをインストールしてください ( `npm i --save-dev stylelint` )
- ルールのREADMEを読んで、オプションが存在し、正しく命名されていることを確認してください。
- 設定オブジェクト内の
rulesプロパティを正しく設定してください。