How to fix the `unable to resolve dependency tree` PostCSS and Tailwind issue in Next.js

How to solve the `unable to resolve dependency tree` error while installing Tailwind in a Next.js website

While setting up a new Next.js project with Tailwind I ran into an issue.

This issue might just be a temporary issue due to configuration problems and libraries versions, but I’m writing this in case someone stumbles on it.

I ran:

npm install tailwindcss postcss-preset-env postcss-flexbugs-fixes

In other words, PostCSS 8.1.13 was required but Next installed 8.1.7.

So I ran

npm install tailwindcss@latest postcss@latest
postcss-preset-env postcss-flexbugs-fixes

and it worked!

Download my free Next.js Handbook!

⭐️ Join the waiting list for the JavaScript Masterclass ⭐️