[v4]vite config eslint error

[Eunknight]

What version of Tailwind CSS are you using?

v4.x (v4.1.11)

What build tool (or framework if it abstracts the build tool) are you using?

Vite 6.x &Vite 7

What version of Node.js are you using?

v22.x (v22.15.0 v22.17.0)

What operating system are you using?

Windows

Describe your issue

「import」 error message (Click to expand/collapse)

> Resolve error: Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in D:\work\code\xxx\node_modules\@tailwindcss\vite\package.json at exportsNotFound (node:internal/modules/esm/resolve:318:10) at packageExportsResolve (node:internal/modules/esm/resolve:608:13) at resolveExports (node:internal/modules/cjs/loader:664:36) at Module._findPath (node:internal/modules/cjs/loader:756:31) at findModulePath (D:\work\code\xxx\node_modules\.pnpm\eslint-import-resolver-alia_ce0c14efcf74d33f5cfd6aadc8b26baf\node_modules\eslint-import-resolver-alias\index.js:99:27) at exports.resolve (D:\work\code\xxx\node_modules\.pnpm\eslint-import-resolver-alia_ce0c14efcf74d33f5cfd6aadc8b26baf\node_modules\eslint-import-resolver-alias\index.js:75:10) at withResolver (D:\work\code\xxx\node_modules\.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:180:23) at fullResolve (D:\work\code\xxx\node_modules\.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:201:22) at relative (D:\work\code\xxx\node_modules\.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:217:10) at resolve (D:\work\code\xxx\node_modules\.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:233:12) **eslint[import/namespace]**(https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/namespace.md)

Resolve error: Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in D:\work\code\xxx\node_modules@tailwindcss\vite\package.json
at exportsNotFound (node:internal/modules/esm/resolve:318:10)
at packageExportsResolve (node:internal/modules/esm/resolve:608:13)
at resolveExports (node:internal/modules/cjs/loader:664:36)
at Module._findPath (node:internal/modules/cjs/loader:756:31)
at findModulePath (D:\work\code\xxx\node_modules.pnpm\eslint-import-resolver-alia_ce0c14efcf74d33f5cfd6aadc8b26baf\node_modules\eslint-import-resolver-alias\index.js:99:27)
at exports.resolve (D:\work\code\xxx\node_modules.pnpm\eslint-import-resolver-alia_ce0c14efcf74d33f5cfd6aadc8b26baf\node_modules\eslint-import-resolver-alias\index.js:75:10)
at withResolver (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:180:23)
at fullResolve (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:201:22)
at relative (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:217:10)
at resolve (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:233:12)
eslint[import/no-unresolved](https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-unresolved.md)

Resolve error: Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in D:\work\code\xxx\node_modules@tailwindcss\vite\package.json
at exportsNotFound (node:internal/modules/esm/resolve:318:10)
at packageExportsResolve (node:internal/modules/esm/resolve:608:13)
at resolveExports (node:internal/modules/cjs/loader:664:36)
at Module._findPath (node:internal/modules/cjs/loader:756:31)
at findModulePath (D:\work\code\xxx\node_modules.pnpm\eslint-import-resolver-alia_ce0c14efcf74d33f5cfd6aadc8b26baf\node_modules\eslint-import-resolver-alias\index.js:99:27)
at exports.resolve (D:\work\code\xxx\node_modules.pnpm\eslint-import-resolver-alia_ce0c14efcf74d33f5cfd6aadc8b26baf\node_modules\eslint-import-resolver-alias\index.js:75:10)
at withResolver (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:180:23)
at fullResolve (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:201:22)
at relative (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:217:10)
at resolve (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:233:12)
eslint[import/default](https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/default.md)

Resolve error: Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in D:\work\code\xxx\node_modules@tailwindcss\vite\package.json
at exportsNotFound (node:internal/modules/esm/resolve:318:10)
at packageExportsResolve (node:internal/modules/esm/resolve:608:13)
at resolveExports (node:internal/modules/cjs/loader:664:36)
at Module._findPath (node:internal/modules/cjs/loader:756:31)
at findModulePath (D:\work\code\xxx\node_modules.pnpm\eslint-import-resolver-alia_ce0c14efcf74d33f5cfd6aadc8b26baf\node_modules\eslint-import-resolver-alias\index.js:99:27)
at exports.resolve (D:\work\code\xxx\node_modules.pnpm\eslint-import-resolver-alia_ce0c14efcf74d33f5cfd6aadc8b26baf\node_modules\eslint-import-resolver-alias\index.js:75:10)
at withResolver (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:180:23)
at fullResolve (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:201:22)
at relative (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:217:10)
at resolve (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:233:12)
eslint[import/no-duplicates](https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-duplicates.md)

Resolve error: Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in D:\work\code\xxx\node_modules@tailwindcss\vite\package.json
at exportsNotFound (node:internal/modules/esm/resolve:318:10)
at packageExportsResolve (node:internal/modules/esm/resolve:608:13)
at resolveExports (node:internal/modules/cjs/loader:664:36)
at Module._findPath (node:internal/modules/cjs/loader:756:31)
at findModulePath (D:\work\code\xxx\node_modules.pnpm\eslint-import-resolver-alia_ce0c14efcf74d33f5cfd6aadc8b26baf\node_modules\eslint-import-resolver-alias\index.js:99:27)
at exports.resolve (D:\work\code\xxx\node_modules.pnpm\eslint-import-resolver-alia_ce0c14efcf74d33f5cfd6aadc8b26baf\node_modules\eslint-import-resolver-alias\index.js:75:10)
at withResolver (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:180:23)
at fullResolve (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:201:22)
at relative (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:217:10)
at resolve (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:233:12)
eslint[import/no-named-as-default](https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-named-as-default.md)

Resolve error: Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in D:\work\code\xxx\node_modules@tailwindcss\vite\package.json
at exportsNotFound (node:internal/modules/esm/resolve:318:10)
at packageExportsResolve (node:internal/modules/esm/resolve:608:13)
at resolveExports (node:internal/modules/cjs/loader:664:36)
at Module._findPath (node:internal/modules/cjs/loader:756:31)
at findModulePath (D:\work\code\xxx\node_modules.pnpm\eslint-import-resolver-alia_ce0c14efcf74d33f5cfd6aadc8b26baf\node_modules\eslint-import-resolver-alias\index.js:99:27)
at exports.resolve (D:\work\code\xxx\node_modules.pnpm\eslint-import-resolver-alia_ce0c14efcf74d33f5cfd6aadc8b26baf\node_modules\eslint-import-resolver-alias\index.js:75:10)
at withResolver (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:180:23)
at fullResolve (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:201:22)
at relative (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:217:10)
at resolve (D:\work\code\xxx\node_modules.pnpm\eslint-module-utils@2.12.1__db55ccf396651f4875be1343aacadf14\node_modules\eslint-module-utils\resolve.js:233:12)
eslint[import/no-named-as-default-member](https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-named-as-default-member.md)

---

「@tailwindcss/vite」 error message

Unable to resolve path to module '@tailwindcss/vite'.
eslint[import/no-unresolved](https://github.com/import-js/eslint-plugin-import/blob/v2.32.0/docs/rules/no-unresolved.md)
module "D:/work/code/xxx/node_modules/.pnpm/@tailwindcss+vite@4.1.11_vi_60e057de6485b6678e5ac1e5adf3450d/node_modules/@tailwindcss/vite/dist/index"

[thecrypticace]

This looks like eslint might not be configured correctly. It's expecting a main field in the package.json which isn't required (we use exports) and also would technically be wrong for an ESM package (main is for require).

Can you provide a reproduction?

[Eunknight]

Understanding.
eslint-plugin-import causes this.
Looks like a bug in eslint-plugin-import

causes error
/node_modules/@tailwindcss/vite/package.json

"exports": {
  ".": {
    "import": "./dist/index.mjs",
    "types": "./dist/index.d.mts"
  }
},

---

not error 1, when

"exports": {
  ".": "./dist/index.mjs"
  }

---

not error 2,
AI answer

"exports": {
  ".": {
    "import": {
      "types": "./dist/index.d.mts",
      "default": "./dist/index.mjs"
    },
    "default": "./dist/index.mjs"
  }
}

---

and ai suggest add

"main": "./dist/index.mjs",
"types": "./dist/index.d.mts",

full code

"main": "./dist/index.mjs",
"types": "./dist/index.d.mts",
"exports": {
  ".": {
    "import": {
      "types": "./dist/index.d.mts",
      "default": "./dist/index.mjs"
    },
    "default": "./dist/index.mjs"
  }
}

[JounQin]

Please read my linked issue carefully.

The default resolver eslint-import-resolover-node doesn't support exports at all, use a new one like https://github.com/import-js/eslint-import-resolver-typescript instead.

Or just use https://github.com/un-ts/eslint-plugin-import-x