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

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 …


This content originally appeared on flaviocopes.com and was authored by flaviocopes.com

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!


This content originally appeared on flaviocopes.com and was authored by flaviocopes.com


Print Share Comment Cite Upload Translate
APA
flaviocopes.com | Sciencx (2022-09-26T18:19:16+00:00) » How to fix the `unable to resolve dependency tree` PostCSS and Tailwind issue in Next.js. Retrieved from https://www.scien.cx/2021/05/03/how-to-fix-the-unable-to-resolve-dependency-tree-postcss-and-tailwind-issue-in-next-js/.
MLA
" » How to fix the `unable to resolve dependency tree` PostCSS and Tailwind issue in Next.js." flaviocopes.com | Sciencx - Monday May 3, 2021, https://www.scien.cx/2021/05/03/how-to-fix-the-unable-to-resolve-dependency-tree-postcss-and-tailwind-issue-in-next-js/
HARVARD
flaviocopes.com | Sciencx Monday May 3, 2021 » How to fix the `unable to resolve dependency tree` PostCSS and Tailwind issue in Next.js., viewed 2022-09-26T18:19:16+00:00,<https://www.scien.cx/2021/05/03/how-to-fix-the-unable-to-resolve-dependency-tree-postcss-and-tailwind-issue-in-next-js/>
VANCOUVER
flaviocopes.com | Sciencx - » How to fix the `unable to resolve dependency tree` PostCSS and Tailwind issue in Next.js. [Internet]. [Accessed 2022-09-26T18:19:16+00:00]. Available from: https://www.scien.cx/2021/05/03/how-to-fix-the-unable-to-resolve-dependency-tree-postcss-and-tailwind-issue-in-next-js/
CHICAGO
" » How to fix the `unable to resolve dependency tree` PostCSS and Tailwind issue in Next.js." flaviocopes.com | Sciencx - Accessed 2022-09-26T18:19:16+00:00. https://www.scien.cx/2021/05/03/how-to-fix-the-unable-to-resolve-dependency-tree-postcss-and-tailwind-issue-in-next-js/
IEEE
" » How to fix the `unable to resolve dependency tree` PostCSS and Tailwind issue in Next.js." flaviocopes.com | Sciencx [Online]. Available: https://www.scien.cx/2021/05/03/how-to-fix-the-unable-to-resolve-dependency-tree-postcss-and-tailwind-issue-in-next-js/. [Accessed: 2022-09-26T18:19:16+00:00]
rf:citation
» How to fix the `unable to resolve dependency tree` PostCSS and Tailwind issue in Next.js | flaviocopes.com | Sciencx | https://www.scien.cx/2021/05/03/how-to-fix-the-unable-to-resolve-dependency-tree-postcss-and-tailwind-issue-in-next-js/ | 2022-09-26T18:19:16+00:00
https://github.com/addpipe/simple-recorderjs-demo