Tailwind is not working in my Nextjs project
Answered
Giant panda posted this in #help-forum
Giant pandaOP
Hello , when I created a project , I have noticed that my tailwind is just not working. I have selected tailwind before creating nextjs project. When i tried to install it , i am facing error like this.
Answered by Asian black bear
This has nothing to do with Tailwind and is just a mismatch in peer dependencies due to the RC version of React.
11 Replies
Asian black bear
This has nothing to do with Tailwind and is just a mismatch in peer dependencies due to the RC version of React.
Answer
Asian black bear
Giant pandaOP
Brother , I was trying to convert this already built reactjs project to nextjs, which has this version.
I was working with Nextjs , which as this version. strange how it changed because , i deleted Node module and re-installed it
How am i suppose to go back ?
Asian black bear
Did you even read the linked section?
It clearly tells you why you are seeing that error.
Giant pandaOP
I am very sorry , I just read everything and followed , Solution 2: Use React 18 , i tried to install manually like 18.2.0 but it has installed 18.3.1. it did fix but tailwind is still not working...
I has initially installed with tailwind but I did install again.
Asian black bear
Using React 18 is not the right solution, you need to stick to the RC version and use the
--legacy-peer-deps flag if you want to stick with Next 15. Regarding Tailwind you haven't mentioned at all what "Tailwind isn't working" means. What are you expecting to see, what are you seeing instead, how are you certain that Tailwind is not working?Giant pandaOP
Very sorry for not asking a clear question. I have fixed tailwind issue. My mistake was the import url code that must be on top to ensure it is parsed correctly. Ultimately thanks to you for pointing out RC issue.