Tailwind CSS エラー「Error: PostCSS plugin postcss-nested requires PostCSS 8.」が発生した場合

Tailwind CSS エラー「Error: PostCSS plugin postcss-nested requires PostCSS 8.」が発生した場合

Tailwind CSS使用時に、エラー「Error: PostCSS plugin postcss-nested requires PostCSS 8.」が発生した場合の原因と対処法を記述してます。

環境

  • OS CentOS Linux release 7.9.2009 (Core)
  • Tailwind 2.0.4

エラー全文

railsのwebpack使用時に発生

原因

「Tailwind 2」は「PostCSS 8」が必要なため

対処法

「PostCSS 7」と互換性のある「Tailwind」を使用する。

まずは、アンイストールします。

互換性のあるものをインストールします。

これで「tailwind」がwebpackでビルドできるようになりました。