Ben Borgers / Posts /

How to fix "PostCSS plugin tailwindcss requires PostCSS 8"

January 24, 2021 by @benborgers

I just upgraded to Tailwind 2.0 from Tailwind 1.0, and got the error "PostCSS plugin tailwindcss requires PostCSS 8" when I tried to rebuild my CSS bundle.

I was using Laravel Mix to compile the assets, but this solution should work for any situation where you get this error.

Since PostCSS 8 is new, many tools still use PostCSS 7. Tailwind maintains a compat channel that works with PostCSS 7, which is completely identical to the flagship PostCSS 8 version.

To install it, first uninstall the default modules you might've installed:

npm uninstall tailwindcss postcss autoprefixer

Then, install specific versions of these modules:

npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

You'll notice that you're installing the compat version of Tailwind.

And just like that, your Tailwind CSS build should work again!

A quick favor: was anything I wrote incorrect or misspelled, or do you still have questions? Please use this form to let me know or ask for help!

Loading...