NuxtN
Nuxt6mo ago
47 replies
Dog

Cannot use tailwind with Nuxt UI

My nuxt.config.ts:
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    compatibilityDate: "2025-07-15",
    devtools: { enabled: true },

    modules: ["@nuxt/ui", "@nuxtjs/tailwindcss"],
});


Running this gives an error when running bun dev:
 ERROR  Cannot restart nuxt:  It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.


Using nuxt 4.0.1, @nuxtjs/tailwindcss 6.14.0, and @nuxt/ui 3.3.0.

If I just use Nuxt UI, there is no tailwind in my app.
Was this page helpful?