Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Nuxt 4.6.0 prompts to install `tailwindcss/nesting` when using pnpm

Aperta
  • Qualcosa non va?
#1,047 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
1-2 giorni
Idoneità per principianti
58/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
nuxt, tailwindcss, typescript
Ambito
build-system

Direzione di ricerca

Start by tracing where this module adds tailwindcss/nesting to Nuxt's PostCSS plugins, then inspect the Nuxt build behavior described in the report. Reproduce with Nuxt 4.6.0+, pnpm, and the documented module configuration; compare with Nuxt 4.5.2 if needed. Done means builds and generates no longer prompt to install the subpath when Tailwind CSS is installed.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

bug
Environment
- **Nuxt Version:** `4.6.0` (with `future: { compatibilityVersion: 4 }`)
- **@nuxtjs/tailwindcss Version:** `^6.14.0` (or `6.x`)
- **Package Manager:** `pnpm` (tested on `12.x` / strict `node_modules`)
- **OS:** Linux
Reproduction

  1. Create a Nuxt 4 project (or Nuxt with compatibilityVersion: 4 on nuxt@^4.6.0).

  2. Install dependencies with pnpm:
    pnpm add -D @nuxtjs/tailwindcss

  3. Add @nuxtjs/tailwindcss to modules in nuxt.config.ts.

  4. Run pnpm run build or pnpm run generate.

Describe the bug

When running nuxt build or nuxt generate on Nuxt 4.6.0+ using pnpm, Nuxt halts execution and displays an interactive prompt asking to install tailwindcss/nesting:

 ❯ Do you want to install `tailwindcss/nesting`?

In CI/CD environments (or non-interactive shells), this causes the build to fail.

Additional context
  1. @nuxtjs/tailwindcss injects 'tailwindcss/nesting': {} into the PostCSS plugins by default.
  2. Starting in Nuxt 4.6.0, Nuxt's Vite builder introduced ensureDependencyInstalled(pluginName) to automatically detect missing PostCSS plugins and prompt the user to install them.
  3. Because 'tailwindcss/nesting' is a subpath export of the tailwindcss package rather than a standalone npm package, Nuxt fails to resolve it as an installed package—especially under pnpm's strict dependency isolation—mistakenly treating it as a missing dependency.
Expected Behavior

The build should complete without prompting to install tailwindcss/nesting, as tailwindcss is already installed and tailwindcss/nesting is part of it.

Current Workarounds
  1. Explicitly disable the plugin in nuxt.config.ts:
    export default defineNuxtConfig({
      postcss: {
        plugins: {
          'tailwindcss/nesting': false,
        },
      },
    })
  1. Or pin Nuxt to version ~4.5.2.
Suggestions

• Check whether tailwindcss is already resolved before registering 'tailwindcss/nesting', or pass the resolved function reference instead of the string name.
• Alternatively, coordinate with the Nuxt core team regarding how ensureDependencyInstalled handles subpath imports in PostCSS plugin definitions.

Lingua principale
TypeScript
Stelle
1.9k
Fork
193
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di nuxt-modules/tailwindcss

Tutte le issue di nuxt-modules/tailwindcss

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.