Hey, I wanted to ask about a bug (or a feature I don’t know) that is happening when I push my files to github or download them in zip.
The problem is it’s using Tailwindcss v4, but when I download its zip or push to github we have all of these files at the same time :
styles/globals.css
tailwind.config.ts
app/globals.css
It’s like having both tailwindcss v4 and v3 at the same time and they interfere with eachother
And when I run this on my local enviroment I get various errors such as :
@layer base is used but no matching @tailwind base directive is present.
And then i’ll have to rebase the whole project to be able to actually run and use it
I’d appreciate if anyone could tell me what should I do or will this be fixed? Is this a known issue?
I had a similar problem. I’d recommend to create a new Next.js project with tailwind and copy over the code without the configs, then it should be consistent.
2 Likes
+1 Thanks for jumping in here!
@bardiamardan Any luck?
Well my project is super messed up because of this, I mean when you move your files with mismatched css, the whole globals.css messes up and I just can’t merge them correctly (half of the styles are in styles/globals.css, half of them are in app/globals.css and again half of them are in tailwind config)
I just don’t know what to do