Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

@apply directives can't built properly in build & preview Nuxt 3

See original GitHub issue

Heyo! It’s my first time to open an issue in unocss. Directive @apply work flawlessly on dev mode, but seems like the generated build on Nuxt 3 doesn’t built properly with @apply directive. Dev Mode : dev time work

Built & Preview : build time bug

While using --at-apply work flawlessly as intended on dev mode & built mode.

Reproduction : ~Install Nuxt 3 with UnoCSS module then use @apply directive and built it with npm run build~ made a repro : https://stackblitz.com/github/chrisnaadhi/apply-uno-repro

Issue Analytics

State:
Created a year ago
Reactions:3
Comments:5 (1 by maintainers)

Top GitHub Comments

2reactions

chrisnaadhicommented, Oct 17, 2022

@chrisnaadhi have you fixed it ? I ran into this problem on my site. If you manage to fix it, can you share with me ?

@nguyenvuhoangbt i’m able to fix it by change the @apply to --at-apply example : @apply bg-red-300 text-center; change to --at-apply: bg-red-300 text-center;

1reaction

nguyenvuhoangbtcommented, Oct 17, 2022

@chrisnaadhi It works for me. Thank you so much