npx stylelint "/*.{css,scss}" が機能しない場合の解決方法


  1. パスの確認: コマンドを実行しているディレクトリが、対象のCSSおよびSCSSファイルを含んでいることを確認してください。もし異なるディレクトリで実行している場合は、正しいパスに変更してみてください。

  2. stylelintのインストール: stylelintがインストールされていることを確認してください。インストールされていない場合は、以下のコマンドを実行してインストールします。

npm install stylelint --save-dev
  1. stylelintの設定ファイル: stylelintの設定ファイルが正しく構成されていることを確認してください。設定ファイルが存在しない場合は、プロジェクトのルートディレクトリに.stylelintrcまたは.stylelintrc.jsonという名前のファイルを作成し、適切な設定を追加します。以下は、一般的な.stylelintrcの例です。
{
  "extends": "stylelint-config-standard",
  "rules": {
    // ここにカスタムルールを追加
  }
}
  1. プラグインのインストール: もし使用しているCSSまたはSCSSプリプロセッサに特定のプラグインが必要な場合は、それをインストールしてください。例えば、SCSSを使用している場合は、以下のコマンドでstylelint-scssプラグインをインストールします。
npm install stylelint-scss --save-dev
  1. コマンドの実行: 最後に、再度以下のコマンドを実行してみてください。
npx stylelint "/*.{css,scss}"