I encountered an error while setting up Tailwind CSS in a Nuxt 3 environment.

[DarkSKL]

Environment

Working directory: X:/Demo/Nuxt3/Financial nuxi 15:24:43
Nuxt project info: (copied to clipboard) nuxi 15:24:43

---

• Operating System: Windows_NT
• Node Version: v20.11.1
• Nuxt Version: 3.17.4
• CLI Version: 3.25.1
• Nitro Version: 2.11.12
• Package Manager: pnpm@9.12.3
• Builder: -
• User Config: compatibilityDate, devtools, modules
• Runtime Modules: @element-plus/nuxt@1.1.2, @nuxtjs/tailwindcss@7.0.0-beta.0
• Build Modules: -

"dependencies": {
"@nuxtjs/tailwindcss": "7.0.0-beta.0",
"nuxt": "^3.17.4",
"vue": "^3.5.16",
"vue-router": "^4.5.1"
}

Reproduction

No response

Describe the bug

I got an error when trying to install/configure Tailwind CSS in my Nuxt 3 project. Here’s the error message: ERROR Pre-transform error: Can't resolve 'tailwindcss' in 'X:\Demo\Nuxt3\Financial' 15:19:00
Plugin: @tailwindcss/vite:generate:serve
File: virtual:nuxt:X%3A%2FDemo%2FNuxt3%2FFinancial%2F.nuxt%2Ftailwind.css

Additional context

No response

Logs

[AcoXQ]

Hey, i encountered same problem i solved by installing packages tailwindcss @tailwindcss/vite

[jacqueschar]

please checkout my answer in this issue for solution: #1000 (comment)