Shasko
Nuxt UI and Tailwind issue
Hello Nuxt community! I'm pretty new to development and I'm learning as best as I can.
Right now, I'm trying to start a Nuxt project specifically with NuxtUI. I installed Nuxt with npm in my project and then installed NuxtUI using
npx nuxi@latest module add ui, which installs these modules, but I'm running into an issue.
I've been following this video to get started and I think may be a little bit outdated: https://www.youtube.com/watch?v=SE_ysS_ZXbk
But one thing I've noticed is that when I create assets/css/tailwind.css and then add:
I get an error for the three lines saying "Unknown at rule @tailwind," but I'm not sure why. The NuxtUI documentation clearly states that it will automatically install the @nuxt/icon, @nuxtjs/tailwindcss, and @nuxtjs/color-mode modules for you. However, I don't see them, and it seems like something isn't quite right.
Do I need to install Tailwind manually? I'm really not sure—any help would be greatly appreciated!12 replies