N

Nuxt•12mo ago•

6 replies

pedropcruz

Error on Postcss if I want to use custom classes with tailwind on Nuxt3

So I have a component that I'm using tailwind, some of the classes are customised, and they're already inside @layer components {}, so I can use them:

something {
@apply text-title1;
}

something {
@apply text-title1;
}

for some reason, everytime I refresh i got an error from posts, but only when I hard refresh during development

[postcss] The

text-title1

text-title1

class does not exist. If

text-title1

text-title1

is a custom class, make sure it is defined within a

@layer

@layer

directive.

I'm trying to use shadcn-nuxt in nuxt3.

Attached is my custom class in assets/css/tailwind.css and also the nuxt config with the various modules.

So what am I missing here? Thanks