2時間ぐらいハマってしまったので備忘録として残します、tailwindcssは詳しくないが、おそらくバージョン４をインストールしようとしていたのかな、エラーで全く入らなくてこけまくっていました。以前にNext.jsにtailwindcssを入れた時はこんなに苦労もしなかったのにめちゃくちゃハマった。

onoderayuto@onody00: ~/project/jamstack-app
$ npm install -D tailwindcss postcss autoprefixer

up to date, audited 445 packages in 1s

48 packages are looking for funding
  run `npm fund` for details

1 critical severity vulnerability

To address all issues, run:
  npm audit fix --force

Run `npm audit` for details.
XXX@XX: ~/project/jamstack-app
$ npx tailwindcss init -p
npm error could not determine executable to run
npm error A complete log of this run can be found in: /Users/XXX/.npm/_logs/XXXXXXXXXXX-debug-0.log

海外サイトで以下の記事を発見。

もうTailwind CSSインストールできなくなった

バージョンを3.0.0にしたらすんなりできました。

$ npm install tailwindcss@3.0.0 postcss autoprefixer

added 45 packages, changed 1 package, and audited 490 packages in 5s

58 packages are looking for funding
  run `npm fund` for details

1 critical severity vulnerability

To address all issues, run:
  npm audit fix --force

Run `npm audit` for details.
XXX@XX:: ~/project/jamstack-app
$ npx tailwindcss init -p

Created Tailwind CSS config file: tailwind.config.js
Created PostCSS config file: postcss.config.js
XXX@XX: ~/project/jamstack-app
$

tailwind.config.jsもpostcss.config.jsも作成できている