I designed a website in v0 and migrated the code into cursor. Everything worked fine at first, but now I am stuck with some tailwind CSS error. The agent seems to be looping, when trying to solve the problem. He modifies the code, but when restarting the server, he undoes the “fix” because it is not working. I read of some similar problems here in the forum, but nothing worked for me. It must be related to the usage of different versions of TailwindCSS I think. Maybe a rule to specify the TailwindCSS usage could be a solution?
MacOs 15.1 / Cursor 0.48.8 / VS 1.96.2
Help would be greatly appreciated, the attached screenshot shows the error on the front end.
Hey I got the same error after trying many times asking different AI agents. Chatgpt got what I needed to do after asking it to look into it more deeply.
make sure postcss.config.js has this
module.exports = {
plugins: {
‘@tailwindcss/postcss’: {},
autoprefixer: {},
},
}
####Also make sure:
Remove and reinstall the package:
npm install @tailwindcss/postcss --save-dev
globals.css contains:
@tailwind base;
@tailwind components;
@tailwind utilities;
###Also Check Tailwind version is 3.4+
###You can check tailwind version by doing:
npm list tailwindcss
Hey just an update i think this broke something else cause my page ended up becoming blank ill try and figure it out, hopefully someone can chime in here.