Can't resolve 'tailwindcss'

[mathishuettl]

Environment

• Operating System: Windows_NT
• Node Version: v22.17.1
• Nuxt Version: 4.0.1
• CLI Version: 3.27.0
• Nitro Version: 2.12.4
• Package Manager: npm@11.5.1
• Builder: -
• User Config: compatibilityDate, devtools, modules, css
• Runtime Modules: @nuxt/ui@3.3.0
• Build Modules: -

npm list
C:\xxx>npm list
nuxt-app@ C:\xxx
+-- @nuxt/ui@3.3.0
+-- @nuxtjs/tailwindcss@6.14.0
+-- autoprefixer@10.4.21
+-- nuxt@4.0.1
+-- postcss@8.5.6
+-- tailwindcss@3.4.17
+-- typescript@5.8.3
+-- vue-router@4.5.1
`-- vue@3.5.18

Version

v3.3.0

Reproduction

Description

After following the installation guide https://ui.nuxt.com/getting-started/installation/nuxt

I'm getting this error:
Can't resolve 'tailwindcss' in 'C:\xxx\app\assets\css' at createError (C:/xxx/node_modules/h3/dist/index.mjs:71:15) at C:/xxx/node_modules/@nuxt/vite-builder/dist/index.mjs:403:21) at async processMessage (C:/xxx/node_modules/@nuxt/vite-builder/dist/index.mjs:386:30)

Additional context

No response

Logs

[HugoRCD]

@mathishuettl Can you try removing the @nuxtjs/tailwindcss@6.14.0 dependency?

[mathishuettl]

I did uninstall the package with
npm uninstall @nuxtjs/tailwindcss
But I'm still getting the same error

New npm list output:

+-- @nuxt/ui@3.3.0
+-- autoprefixer@10.4.21
+-- nuxt@4.0.1
+-- postcss@8.5.6
+-- tailwindcss@3.4.17
+-- typescript@5.8.3
+-- vue-router@4.5.1
`-- vue@3.5.18

edit: solved.. I just needed to install tailwindcss@latest (tailwindcss@4.1.11) and now it works!

[HugoRCD]

@mathishuettl It's a good thing you were able to solve your problem, but Nuxt UI already installs all the necessary dependencies for TailwindCSS, so you didn't have to

[acidjazz]

@mathishuettl It's a good thing you were able to solve your problem, but Nuxt UI already installs all the necessary dependencies for TailwindCSS, so you didn't have to

Just hit this same error

[acidjazz]

this fixed it https://github.com/nuxt-ui-pro/landing/blob/main/.npmrc