tailwindcssを4.0.2にアップデートしたら「@nuxtjs/tailwindcss」が動かなくなった話
みなさんこんにちは
イザナギです。
NuxtのWebサイトのリニューアル中にtailwindcssを4.0.2にアップデートしたら、うまく動かない事象が発生しました。
エラーを見てみると
Cannot start nuxt: It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.
とのこと、
調べてみると動かないで困っている人結構いそうですね。
https://github.com/tailwindlabs/tailwindcss/issues/15735
とりあえず、以下に記載の手順を試してみたところうまく動くようになりました！
https://github.com/tailwindlabs/tailwindcss/issues/15735#issuecomment-2619960302
これで作業進められますね！