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!