NuxtN
Nuxt14mo ago
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:

@tailwind base;
@tailwind components;
@tailwind utilities;


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!
Was this page helpful?