Next.js Discord

Discord Forum

Tailwind not working on new project

I install next.js, tailwind and shadcn.
This is what i get:
No errors btw

If you need code or configs, ask in the thread.

30 Replies

Siberian
how did you set up Tailwind?
through the CLI when creating a next app or did you do it yourself?
if you did it yourself did you set up tailwindconfig and the css file properly and are you importing it?
@Siberian if you did it yourself did you set up tailwindconfig and the css file properly and are you importing it?
actually, i made it to work, but now i get this:
Module parse failed: Unexpected character '@' (1:0)
> @tailwind base;
|   @tailwind components;
|   @tailwind utilities;
Siberian
what file is that in and how are you importing it
@Siberian what file is that in and how are you importing it
Siberian
do you have postcss set up with tailwind as a plugin?
i have installed postcss
but i did not configure it
// postcss.config.js
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}
Siberian
yea that is how it should be
can you try removing your .next folder and restarting the dev server
what steps did you go through to set up Tailwind?
adding extensions to config
Please don’t repost the question, I’ll delete the duplicate thread
it is not a repost
originally i had a different issue
same thing
but it was just not loading, now, it can't even import tailwind
NAH
I'm getting it on a clean install
In the next example page, it still breaks down
I just can't...
WTH
Sorry, it has always been working for me, never encountered anything like that