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

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'],

  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";

@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

Installation - Nuxt UI

Learn how to install and configure Nuxt UI in your Nuxt application.

Nuxt•9mo ago•

16 replies

CG Seb

NuxtUI: Impossible to install

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

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'],

  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";

@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

Installation - Nuxt UI

Learn how to install and configure Nuxt UI in your Nuxt application.

NuxtUI: Impossible to install

Similar Threads

NuxtUI: Impossible to install

Similar Threads

Similar Threads

Similar Threads