NuxtN
Nuxt8mo ago
16 replies
CG Seb

NuxtUI: Impossible to install

Hi,

I was previously using Tailwind and I just found out about NuxtUI.
I removed my @nuxtjs/tailwindcss and followed the official documentation for NuxtUI => https://ui.nuxt.com/getting-started/installation/nuxt

I did all that is mentioned, but I get this error
ERROR  Pre-transform error: Can't resolve 'tailwindcss' in '/app/app/assets/css'
  Plugin: @tailwindcss/vite:generate:serve
  File: /app/app/assets/css/main.css


 ERROR  Pre-transform error: Invalid declaration: ``
  Plugin: @tailwindcss/vite:generate:serve
  File: /app/app/app.vue?vue&type=style&index=0&lang.css

Here is my nuxt.config.ts
  modules: [
    '@nuxt/ui',
    '@nuxtjs/google-fonts',
    '@nuxt/icon',
    '@nuxt/image',
    '@pinia/nuxt',
    'pinia-plugin-persistedstate/nuxt',
  ],
  css: ['~/assets/css/main.css'],

My /app/assets/css/main.css
@import "tailwindcss";
@import "@nuxt/ui";

I've been trying to make it work for hours, maybe someone has an idea of what I'm doing wrong 🙏
Nuxt UI
Learn how to install and configure Nuxt UI in your Nuxt application.
Installation - Nuxt UI
Was this page helpful?