Open3
既存のNext.jsのtailwindcssをv2にあげたらPostcss周りでつまづいた
ラクTailwind v2のダークモードを使ってみたくて既存のNext.jsをv2に挙げてみたら下記エラーが出てきた
Error: PostCSS plugin postcss-nested requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
TailwindはPostCSS8が必須だけど、PostCSS8がリリースされたばかりで他ツールがPostCSS8に追いつけてないっぽい
ラクTailwindがPostCSS8に追いつけてない他ツールのためにPostCSS7互換ビルドを用意してる！！天才！
tailwindcss、postcssk、autoprefixerをアンインストールしてから
互換ビルドのインストールで無事にビルドできた
npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
他ツールのPostCSS8サポートが完了したらlatestタグで最新のTailwindに戻せばOK
npm uninstall tailwindcss @tailwindcss/postcss7-compat
npm install tailwindcss@latest postcss@latest autoprefixer@latest