👀

could not determine executable to runのエラー

2025/02/01に公開

発生したタイミング

TailwindCSSをReactに導入しようとしたら発生。
使用したコマンドと実際のエラー画面は下記の通り。

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

エラー

ほんの数日前(?)にTailwindCSSの最新バージョンであるV4.0がリリースされたことにより、インストール方法が変更された。

Get started with Tailwind CSS

解決法

Viteを使うプロジェクトでTailwindCSSのV4.0をインストールするには下記のコマンドでOK。

npm install tailwindcss @tailwindcss/vite

余談

初めてTailwindCSSを使ってみようとしたところで、いきなり今回のエラーに遭遇。
せっかくの機会だし最新バージョンにしてみたけど、参考文献が多いのはV3系だったかな~と少し思いつつある。
まぁやってみましょう~~~無理そうならV3系にします。

Discussion