npx stylelint "/*.{css,scss}" が機能しない場合のトラブルシューティング

ファイルパスの正確さを確認する

• ターミナルで実行しているディレクトリが、対象のCSSおよびSCSSファイルを含んでいることを確認してください。もし異なるディレクトリで実行している場合は、適切なパスを指定する必要があります。

例: npx stylelint path/to/styles//*.css

stylelintの設定ファイルを確認する

• stylelintは、設定ファイルに基づいてルールを適用します。プロジェクトのルートディレクトリに.stylelintrcまたは.stylelintrc.jsonなどの設定ファイルが存在することを確認してください。また、設定ファイル内で対象のファイルパターンが正しく指定されていることも確認してください。

例: .stylelintrc.jsonの設定ファイル内で、以下のように"/*.{css,scss}"パターンを指定します。

{
 "extends": "stylelint-config-standard",
 "rules": {},
 "ignoreFiles": [],
 "files": "/*.{css,scss}"
}

stylelintのバージョンを確認する

• 最新バージョンのstylelintを使用していることを確認してください。古いバージョンでは、パターンの指定方法が異なる場合があります。

stylelintプラグインのインストールを確認する

• stylelintに必要なプラグインが正しくインストールされているか確認してください。特定のルールや機能を使用する場合は、対応するプラグインが必要です。

例: SCSSファイルをチェックするためには、stylelint-scssプラグインが必要です。インストールされていない場合は、以下のコマンドでインストールします。

npm install stylelint-scss --save-dev

ファイルの内容にエラーがないか確認する

• stylelintは、ファイル内のエラーを検出します。ファイル内にエラーがある場合、stylelintが正常に機能しないことがあります。ファイル内のエラーを修正してから再度試してください。