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 Updates
APA

flaviocopes.com | Sciencx (2021-05-03T05:00:00+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 ,<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 ]. 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 . 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: ]
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/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.