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.

2025 - Izanagi's Site