`tailwindcss/lib/lib/defaultExtractor` not found #942

moshetanzer · 2025-01-19T11:04:38Z

Environment

Mac

Reproduction

Install nuxt ui on latest nuxt

Describe the bug

nuxt/ui#3139

Get error listed in issue on new install.

Additional context

No response

Logs

ineshbose · 2025-01-19T12:27:14Z

Could you share your nuxt.config and package.json please?

linesoft2 · 2025-01-19T14:03:58Z

Same question. My environment is Mac too.
nuxt.config:

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-11-01',
  devtools: { enabled: true },
  modules: ['@nuxt/ui']
})

package.json:

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@nuxt/ui": "2.21.0",
    "nuxt": "^3.15.2",
    "vue": "latest",
    "vue-router": "latest"
  },
  "packageManager": "[email protected]+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0"
}

moshetanzer · 2025-01-19T14:06:33Z

Nothing to see installed only nuxt ui and added to modules on new project....

linesoft2 · 2025-01-20T02:08:18Z

I resolved this issue by switching the package manager from pnpm to npm.

shroomlife · 2025-02-01T15:45:53Z

I use bun and have Nuxt3 and Nuxt UI 2 but not able to install Tailwindcss v4 without errors...

Tutorial used: https://tailwindcss.com/docs/installation/framework-guides/nuxt

Issue on install:

[nuxt:tailwindcss 16:39:08]  WARN  Failed to load config ./.nuxt/nuxtui-tailwind.config.mjs due to the error below. Skipping..
 Package subpath './lib/lib/defaultExtractor.js' is not defined by "exports" in C:\***\node_modules\tailwindcss\package.json

    at exportsNotFound (node:internal/modules/esm/resolve:314:10)
    at packageExportsResolve (node:internal/modules/esm/resolve:661:9)
    at resolveExports (node:internal/modules/cjs/loader:653:36)
    at Function._findPath (node:internal/modules/cjs/loader:752:31)
    at Function._resolveFilename (node:internal/modules/cjs/loader:1395:27)
    at Function.resolve (node:internal/modules/helpers:145:19)
    at jitiResolve (node_modules\jiti\dist\jiti.cjs:1:187220)
    at jitiRequire (node_modules\jiti\dist\jiti.cjs:1:189288)
    at import (node_modules\jiti\dist\jiti.cjs:1:199778)
    at C:/***/.nuxt/nuxtui-tailwind.config.mjs:2:31
    at eval_evalModule (node_modules\jiti\dist\jiti.cjs:1:196325)
    at node_modules\jiti\dist\jiti.cjs:1:194552
    at async Function.import (node_modules\jiti\dist\jiti.cjs:1:199772)
    at async resolveConfig (/C:/***/node_modules/c12/dist/shared/c12.B4fc1S0C.mjs:343:18)
    at async loadConfig (/C:/***/node_modules/c12/dist/shared/c12.B4fc1S0C.mjs:147:23)
    at async Promise.all (index 3)
    at async loadConfigs (/C:/***/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:374:27)
    at async /C:/***/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:420:9
    at async generateApp (/C:/***/node_modules/nuxt/dist/shared/nuxt.CrJjphBv.mjs:6168:5)
    at async _applyPromised (/C:/***/node_modules/perfect-debounce/dist/index.mjs:54:10)

Issue on nuxt dev:

ERROR  [unhandledRejection] Package subpath './resolveConfig' is not defined by "exports" in C:\***\node_modules\tailwindcss\package.json                                                                                                                                                             16:44:39  

    at exportsNotFound (node:internal/modules/esm/resolve:314:10)
    at packageExportsResolve (node:internal/modules/esm/resolve:661:9)
    at resolveExports (node:internal/modules/cjs/loader:653:36)
    at Function._findPath (node:internal/modules/cjs/loader:752:31)
    at Function._resolveFilename (node:internal/modules/cjs/loader:1395:27)
    at Function.resolve (node:internal/modules/helpers:145:19)
    at Object.<anonymous> (node_modules\tailwind-config-viewer\lib\tailwindConfigUtils.js:9:43)
    at Module._compile (node:internal/modules/cjs/loader:1739:14)
    at Object..js (node:internal/modules/cjs/loader:1904:10)
    at Module.load (node:internal/modules/cjs/loader:1473:32)

ℹ Restarting Nuxt due to error: Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './resolveConfig' is not defined by "exports" in C:\***\node_modules\tailwindcss\package.json

My packages:

  "dependencies": {
    "@pinia/nuxt": "0.9.0",
    "@prisma/client": "6.3.0",
    "@tailwindcss/vite": "^4.0.3",
    "deep-email-validator": "0.1.21",
    "jsonwebtoken": "9.0.2",
    "moment": "2.30.1",
    "moment-timezone": "0.5.47",
    "pinia": "2.3.1",
    "resend": "4.1.1",
    "vue": "3.5.13",
    "yup": "1.6.1"
  },
  "devDependencies": {
    "@iconify-json/svg-spinners": "1.2.2",
    "@nuxt/eslint": "0.7.6",
    "@nuxt/ui": "2.21.0",
    "@types/jsonwebtoken": "9.0.8",
    "nuxt": "3.15.4",
    "nuxt-security": "2.1.5",
    "prisma": "6.3.0",
    "sass": "1.83.4",
    "tailwindcss": "^4.0.3",
    "typescript": "5.7.3"
  }

ineshbose · 2025-02-01T15:48:21Z

I use bun and have Nuxt3 and Nuxt UI 2 but not able to install Tailwindcss v4 without errors...

Tutorial used: https://tailwindcss.com/docs/installation/framework-guides/nuxt

Issue on install:

[nuxt:tailwindcss 16:39:08]  WARN  Failed to load config ./.nuxt/nuxtui-tailwind.config.mjs due to the error below. Skipping..
 Package subpath './lib/lib/defaultExtractor.js' is not defined by "exports" in C:\***\node_modules\tailwindcss\package.json

    at exportsNotFound (node:internal/modules/esm/resolve:314:10)
    at packageExportsResolve (node:internal/modules/esm/resolve:661:9)
    at resolveExports (node:internal/modules/cjs/loader:653:36)
    at Function._findPath (node:internal/modules/cjs/loader:752:31)
    at Function._resolveFilename (node:internal/modules/cjs/loader:1395:27)
    at Function.resolve (node:internal/modules/helpers:145:19)
    at jitiResolve (node_modules\jiti\dist\jiti.cjs:1:187220)
    at jitiRequire (node_modules\jiti\dist\jiti.cjs:1:189288)
    at import (node_modules\jiti\dist\jiti.cjs:1:199778)
    at C:/***/.nuxt/nuxtui-tailwind.config.mjs:2:31
    at eval_evalModule (node_modules\jiti\dist\jiti.cjs:1:196325)
    at node_modules\jiti\dist\jiti.cjs:1:194552
    at async Function.import (node_modules\jiti\dist\jiti.cjs:1:199772)
    at async resolveConfig (/C:/***/node_modules/c12/dist/shared/c12.B4fc1S0C.mjs:343:18)
    at async loadConfig (/C:/***/node_modules/c12/dist/shared/c12.B4fc1S0C.mjs:147:23)
    at async Promise.all (index 3)
    at async loadConfigs (/C:/***/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:374:27)
    at async /C:/***/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:420:9
    at async generateApp (/C:/***/node_modules/nuxt/dist/shared/nuxt.CrJjphBv.mjs:6168:5)
    at async _applyPromised (/C:/***/node_modules/perfect-debounce/dist/index.mjs:54:10)

Issue on nuxt dev:

ERROR  [unhandledRejection] Package subpath './resolveConfig' is not defined by "exports" in C:\***\node_modules\tailwindcss\package.json                                                                                                                                                             16:44:39  

    at exportsNotFound (node:internal/modules/esm/resolve:314:10)
    at packageExportsResolve (node:internal/modules/esm/resolve:661:9)
    at resolveExports (node:internal/modules/cjs/loader:653:36)
    at Function._findPath (node:internal/modules/cjs/loader:752:31)
    at Function._resolveFilename (node:internal/modules/cjs/loader:1395:27)
    at Function.resolve (node:internal/modules/helpers:145:19)
    at Object.<anonymous> (node_modules\tailwind-config-viewer\lib\tailwindConfigUtils.js:9:43)
    at Module._compile (node:internal/modules/cjs/loader:1739:14)
    at Object..js (node:internal/modules/cjs/loader:1904:10)
    at Module.load (node:internal/modules/cjs/loader:1473:32)

ℹ Restarting Nuxt due to error: Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './resolveConfig' is not defined by "exports" in C:\***\node_modules\tailwindcss\package.json

My packages:

  "dependencies": {
    "@pinia/nuxt": "0.9.0",
    "@prisma/client": "6.3.0",
    "@tailwindcss/vite": "^4.0.3",
    "deep-email-validator": "0.1.21",
    "jsonwebtoken": "9.0.2",
    "moment": "2.30.1",
    "moment-timezone": "0.5.47",
    "pinia": "2.3.1",
    "resend": "4.1.1",
    "vue": "3.5.13",
    "yup": "1.6.1"
  },
  "devDependencies": {
    "@iconify-json/svg-spinners": "1.2.2",
    "@nuxt/eslint": "0.7.6",
    "@nuxt/ui": "2.21.0",
    "@types/jsonwebtoken": "9.0.8",
    "nuxt": "3.15.4",
    "nuxt-security": "2.1.5",
    "prisma": "6.3.0",
    "sass": "1.83.4",
    "tailwindcss": "^4.0.3",
    "typescript": "5.7.3"
  }

Nuxt UI 2 still depends on TailwindCSS 3 as it uses the exported extractor.

ineshbose · 2025-02-04T09:04:55Z

OK - I haven't been able to reproduce this issue so far. I may still need a minimum repro from your system (a base project with the Nuxt project prepared, i.e. node_modules and .nuxt) as a zip -- I mostly think that it is possibly dependency manager not able to resolve your deps into your node_modules and you can try add tailwindcss to your dependencies to see if that solves it. Let me know.

KianYang-Lee · 2025-02-11T09:42:11Z

Same issue

moshetanzer · 2025-02-13T11:38:08Z

Still same issue. Literally just a new project with nuxt ui and nuxt ui pro.

gocoffeecup · 2025-02-16T02:59:39Z

same issue...

larbish · 2025-02-18T14:29:34Z

Installing tailwindcss@3 in my deps does fix the issue for me.

ineshbose · 2025-02-18T14:48:56Z

Installing tailwindcss@3 in my deps does fix the issue for me.

Yes. I'm inclined to believe that this issue occurs if tailwindcss@4 is installed... which it shouldn't be yet. If someone provides a lock file, I can investigate.

mikechao · 2025-02-19T22:56:40Z

Also encountered the same issue using WSL2 and pnpm (10.4.1)

I installed [email protected] despite it being a dependency of @nuxtjs/[email protected]

Then created a basic tailwindcss config following https://tailwindcss.nuxtjs.org/tailwind/config

After that I had to add the following to my devDependencies
@headlessui/tailwindcss
@tailwindcss/aspect-ratio
@tailwindcss/container-queries
@tailwindcss/forms
@tailwindcss/typography

Then
npx nuxi@latest module add ui
ran without any errors.
Not sure if this the right to do.

shba007 · 2025-02-20T05:22:56Z

I just installed tailwindcss as my devDep and it solved my issue

ineshbose · 2025-02-20T07:27:49Z

Hm, it might be possible that we need to pin the tailwindcss versions in Nuxt UI 2

https://github.com/nuxt/ui/blob/main/package.json#L56

Will investigate and raise a PR (/cc @benjamincanac, please do wait for the PR as I may include another minor fix with it)

ineshbose · 2025-02-23T12:16:06Z

Yes. I'm inclined to believe that this issue occurs if tailwindcss@4 is installed... which it shouldn't be yet. If someone provides a lock file, I can investigate.

Could someone provide their pnpm-lock.yaml file please? My testing is oddly not hitting this issue... 😅 and I'm not convinced that a fix is required in Nuxt UI; may be some other dep resolution (but I can't find out which).

shroomlife · 2025-02-24T14:15:30Z

PNPM

Empty Nuxt3 with Nuxt UI 2 using pnpm:
pnpm-lock.yaml.txt
PNPM-Version: v9.9.0

Error on Nuxt UI Module add

PS C:\code\tmp\nuxt-ui-tailwindcss4-pnpm-test> npx nuxi@latest module add ui --use-pnpm
 WARN  Failed to load config ./.nuxt/nuxtui-tailwind.config.mjs due to the error below. Skipping..                          nuxt:tailwindcss 15:08:22
 Cannot find module 'tailwindcss/lib/lib/defaultExtractor.js'
Require stack:
- C:\code\tmp\nuxt-ui-tailwindcss4-pnpm-test\.nuxt\nuxtui-tailwind.config.mjs

    Require stack:
    - .nuxt\nuxtui-tailwind.config.mjs
    at Function._resolveFilename (node:internal/modules/cjs/loader:1405:15)
    at Function.resolve (node:internal/modules/helpers:145:19)
    at jitiResolve (node_modules\.pnpm\[email protected]\node_modules\jiti\dist\jiti.cjs:1:187220)
    at jitiRequire (node_modules\.pnpm\[email protected]\node_modules\jiti\dist\jiti.cjs:1:189288)
    at import (node_modules\.pnpm\[email protected]\node_modules\jiti\dist\jiti.cjs:1:199778)
    at C:/code/tmp/nuxt-ui-tailwindcss4-pnpm-test/.nuxt/nuxtui-tailwind.config.mjs:2:31
    at eval_evalModule (node_modules\.pnpm\[email protected]\node_modules\jiti\dist\jiti.cjs:1:196325)
    at node_modules\.pnpm\[email protected]\node_modules\jiti\dist\jiti.cjs:1:194552
    at async Function.import (node_modules\.pnpm\[email protected]\node_modules\jiti\dist\jiti.cjs:1:199772)
    at async resolveConfig (/C:/code/tmp/nuxt-ui-tailwindcss4-pnpm-test/node_modules/.pnpm/[email protected][email protected]/node_modules/c12/dist/shared/c12.PQMoYrit.mjs:346:18)
    at async loadConfig (/C:/code/tmp/nuxt-ui-tailwindcss4-pnpm-test/node_modules/.pnpm/[email protected][email protected]/node_modules/c12/dist/shared/c12.PQMoYrit.mjs:146:23)
    at async Promise.all (index 3)
    at async loadConfigs (/C:/code/tmp/nuxt-ui-tailwindcss4-pnpm-test/node_modules/.pnpm/@[email protected][email protected]/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:374:27)
    at async /C:/code/tmp/nuxt-ui-tailwindcss4-pnpm-test/node_modules/.pnpm/@[email protected][email protected]/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:420:9
    at async generateApp (/C:/code/tmp/nuxt-ui-tailwindcss4-pnpm-test/node_modules/.pnpm/[email protected]_@parcel+watcher_00e85049d014ca3b1815645e46a69707/node_modules/nuxt/dist/shared/nuxt.CrJjphBv.mjs:6168:5)
    at async _applyPromised (/C:/code/tmp/nuxt-ui-tailwindcss4-pnpm-test/node_modules/.pnpm/[email protected]/node_modules/perfect-debounce/dist/index.mjs:54:10)

package.json

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@nuxt/ui": "2.21.0",
    "nuxt": "^3.15.4",
    "vue": "latest",
    "vue-router": "latest"
  },
  "packageManager": "[email protected]+sha512.c753b6c3ad7afa13af388fa6d808035a008e30ea9993f58c6663e2bc5ff21679aa834db094987129aa4d488b86df57f7b634981b2f827cdcacc698cc0cfb88af"
}

Bun

Empty Nuxt3 with NuxtUI 2 using Bun:
bun.lock.txt
Bun-Version: v1.2.3

Error on Tailwindcss4 install:

PS C:\code\tmp\nuxt-ui-tailwindcss4-test> bun add tailwindcss @tailwindcss/vite
bun add v1.2.3 (8c4d3ff8)

$ nuxt prepare
ℹ Using default Tailwind CSS file                                                                                                                                                                                                                                                                      nuxt:tailwindcss 15:07:15

 WARN  Failed to load config ./.nuxt/nuxtui-tailwind.config.mjs due to the error below. Skipping..                                                                                                                                                                                                      nuxt:tailwindcss 15:07:15
 Package subpath './lib/lib/defaultExtractor.js' is not defined by "exports" in C:\code\tmp\nuxt-ui-tailwindcss4-test\node_modules\tailwindcss\package.json

    at exportsNotFound (node:internal/modules/esm/resolve:314:10)
    at packageExportsResolve (node:internal/modules/esm/resolve:661:9)
    at resolveExports (node:internal/modules/cjs/loader:661:36)
    at Function._findPath (node:internal/modules/cjs/loader:753:31)
    at Function._resolveFilename (node:internal/modules/cjs/loader:1391:27)
    at Function.resolve (node:internal/modules/helpers:145:19)
    at jitiResolve (node_modules\jiti\dist\jiti.cjs:1:187220)
    at jitiRequire (node_modules\jiti\dist\jiti.cjs:1:189288)
    at import (node_modules\jiti\dist\jiti.cjs:1:199778)
    at C:/code/tmp/nuxt-ui-tailwindcss4-test/.nuxt/nuxtui-tailwind.config.mjs:2:31

ℹ Nuxt Icon server bundle mode is set to local                                                                                                                                                                                                                                                                          15:07:15
✔ Nuxt Icon discovered local-installed 1 collections: heroicons                                                                                                                                                                                                                                                         15:07:18
✔ Types generated in .nuxt                                                                                                                                                                                                                                                                                        nuxi  15:07:18

installed [email protected]
installed @tailwindcss/[email protected]

14 packages installed [8.47s]

package.json:

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@nuxt/ui": "2.21.0",
    "@tailwindcss/vite": "^4.0.8",
    "nuxt": "^3.15.4",
    "tailwindcss": "^4.0.8",
    "vue": "latest",
    "vue-router": "latest"
  }
}

moshetanzer added the bug Something isn't working label Jan 19, 2025

ineshbose changed the title ~~Nuxt UI Broken~~ tailwindcss/lib/lib/defaultExtractor not found Jan 19, 2025

ineshbose mentioned this issue Jan 19, 2025

Failed to load config error on init nuxt/ui#3139

Open

ineshbose changed the title ~~tailwindcss/lib/lib/defaultExtractor not found~~ tailwindcss/lib/lib/defaultExtractor not found Feb 4, 2025

ineshbose added need-repro Issue needs reproduction has-workaround labels Feb 23, 2025

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

`tailwindcss/lib/lib/defaultExtractor` not found #942

`tailwindcss/lib/lib/defaultExtractor` not found #942

moshetanzer commented Jan 19, 2025

ineshbose commented Jan 19, 2025

linesoft2 commented Jan 19, 2025

moshetanzer commented Jan 19, 2025

linesoft2 commented Jan 20, 2025

shroomlife commented Feb 1, 2025

ineshbose commented Feb 1, 2025

ineshbose commented Feb 4, 2025

KianYang-Lee commented Feb 11, 2025

moshetanzer commented Feb 13, 2025

gocoffeecup commented Feb 16, 2025

larbish commented Feb 18, 2025

ineshbose commented Feb 18, 2025

mikechao commented Feb 19, 2025

shba007 commented Feb 20, 2025

ineshbose commented Feb 20, 2025

ineshbose commented Feb 23, 2025

shroomlife commented Feb 24, 2025

tailwindcss/lib/lib/defaultExtractor not found #942

tailwindcss/lib/lib/defaultExtractor not found #942

Comments

moshetanzer commented Jan 19, 2025

Environment

Reproduction

Describe the bug

Additional context

Logs

ineshbose commented Jan 19, 2025

linesoft2 commented Jan 19, 2025

moshetanzer commented Jan 19, 2025

linesoft2 commented Jan 20, 2025

shroomlife commented Feb 1, 2025

ineshbose commented Feb 1, 2025

ineshbose commented Feb 4, 2025

KianYang-Lee commented Feb 11, 2025

moshetanzer commented Feb 13, 2025

gocoffeecup commented Feb 16, 2025

larbish commented Feb 18, 2025

ineshbose commented Feb 18, 2025

mikechao commented Feb 19, 2025

shba007 commented Feb 20, 2025

ineshbose commented Feb 20, 2025

ineshbose commented Feb 23, 2025

shroomlife commented Feb 24, 2025

PNPM

Bun

`tailwindcss/lib/lib/defaultExtractor` not found #942

`tailwindcss/lib/lib/defaultExtractor` not found #942