Failed to load config error on init

[moshetanzer]

Environment

• Operating System: Darwin
• Node Version: v22.11.0
• Nuxt Version: 3.15.2
• CLI Version: 3.20.0
• Nitro Version: 2.10.4
• Package Manager: pnpm@9.15.4
• Builder: -
• User Config: compatibilityDate, devtools, modules
• Runtime Modules: @nuxt/ui@2.21.0
• Build Modules: -

Version

2.21.0

Reproduction

1. Create a new nuxt project using cli
2. install nuxt/ui using cli command npx nuxi@latest module add ui

Description

WARN Failed to load config ./.nuxt/nuxtui-tailwind.config.mjs due to the error below. Skipping.. nuxt:tailwindcss 8:47:34 PM
Cannot find module 'tailwindcss/lib/lib/defaultExtractor.js'
Require stack:

Pretty sure this has got to do with an update in nitro/nuxt i saw recently @danielroe any ideas?

Additional context

No response

Logs

   Require stack:
    - .nuxt/nuxtui-tailwind.config.mjs
    at Function._resolveFilename (node:internal/modules/cjs/loader:1249:15)
    at Function.resolve (node:internal/modules/helpers:151:19)
    at jitiResolve (node_modules/.pnpm/jiti@2.4.2/node_modules/jiti/dist/jiti.cjs:1:187220)
    at jitiRequire (node_modules/.pnpm/jiti@2.4.2/node_modules/jiti/dist/jiti.cjs:1:189288)
    at import (node_modules/.pnpm/jiti@2.4.2/node_modules/jiti/dist/jiti.cjs:1:199778)
    at .nuxt/nuxtui-tailwind.config.mjs:2:31
    at eval_evalModule (node_modules/.pnpm/jiti@2.4.2/node_modules/jiti/dist/jiti.cjs:1:196325)
    at node_modules/.pnpm/jiti@2.4.2/node_modules/jiti/dist/jiti.cjs:1:194552
    at async Function.import (node_modules/.pnpm/jiti@2.4.2/node_modules/jiti/dist/jiti.cjs:1:199772)
    at async resolveConfig (node_modules/.pnpm/c12@2.0.1_magicast@0.3.5/node_modules/c12/dist/shared/c12.B4fc1S0C.mjs:343:18)
    at async loadConfig (node_modules/.pnpm/c12@2.0.1_magicast@0.3.5/node_modules/c12/dist/shared/c12.B4fc1S0C.mjs:147:23)
    at async Promise.all (index 3)
    at async loadConfigs (node_modules/.pnpm/@nuxtjs+tailwindcss@6.13.1_magicast@0.3.5_rollup@4.30.1/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:374:27)
    at async node_modules/.pnpm/@nuxtjs+tailwindcss@6.13.1_magicast@0.3.5_rollup@4.30.1/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:420:9
    at async generateApp (node_modules/.pnpm/nuxt@3.15.2_@parcel+watcher@2.5.0_@types+node@22.10.7_db0@0.2.1_ioredis@5.4.2_magicast@0.3.5__uowpedy6xy2pdmgu2ptesyqdza/node_modules/nuxt/dist/shared/nuxt.BoHAox-C.mjs:6166:5)
    at async _applyPromised (node_modules/.pnpm/perfect-debounce@1.0.0/node_modules/perfect-debounce/dist/index.mjs:54:10)

[danielroe]

not sure this is nuxt related

[moshetanzer]

Ok. Thanks @danielroe Though maybe got to do with new nitro pathe updates I have noticed recently.

[danielroe]

it could be the recent nuxtjs/tailwindcss release: https://github.com/nuxt-modules/tailwindcss/releases/tag/v6.13.0

might be worth downgrading to v6.12 to investigate

[ineshbose]

Responded in nuxt-modules/tailwindcss#942 to investigate 👍 (wouldn't close this one yet though)

[devFerzen]

Dont know if it got to do with my error I have been struggling, and saw this similar message few times.

The things I do, to clear out the errors of tailwind and nuxt were:

1. Avoided manual installation of Tailwind CSS(nuxt 3 already includes postcss and so... its unnecessary)
2. ensured a Tailwind CSS version 3 structure
   tailwind base; @tailwind components; @tailwind utilities;
3. Configured Tailwind within nuxt.config.ts and removed conflict configuration
   export default defineNuxtConfig({ compatibilityDate: '2024-11-01', devtools: { enabled: true }, postcss: { plugins: { tailwindcss: {}, autoprefixer: {}, } }, css: ['~/assets/css/tailwind.css'], ...

[benjamincanac]

@ineshbose Can we close this? 🤔