/lib/util/flattenColorPalette.js is not defined by "exports"

[dany68]

What version of Tailwind CSS are you using?

Tailwind v4.0.5

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

Vite, nuxtjs app, @tailwindcss/vite@4.0.5

What version of Node.js are you using?

Node v22.12.0

What browser are you using?

Chrome

What operating system are you using?

macOS

Describe your issue

Hi after upgrading to v4.0.5 from v4.0.3 i get the following error during npm run dev and build:

Pre-transform error: Package subpath './lib/util/flattenColorPalette.js' is not defined by "exports" in /Users/daniel/Documents/Perso/site-nuxt/node_modules/tailwindcss/package.json
  Plugin: @tailwindcss/vite:generate:serve
  File: /Users/daniel/Documents/Perso/site-nuxt/assets/css/main.css

When i try to downgrade back to 4.0.3 i get the same error, so maybe it is related to tailwindcss/vite.

Here is my nuxt config related to tailwind:

css: [
    '~/assets/css/main.css'
],

vite: {
    build: {
        cssMinify: 'lightningcss'
    },
    plugins: [
        tailwindcss(),
    ],
},

Everything was working fine before the upgrade.
Thanks for your help,

[philipp-spiess]

@dany68 Hey! Ah yeah we need to add the .js suffix to the export map as well. It should work, however, when you drop it:

- ./lib/util/flattenColorPalette.js
+ ./lib/util/flattenColorPalette

Can you confirm this works for you?

[dany68]

Hi @philipp-spiess , Thank you for the so fast reply.
I was able to solve the problem by downgrading the plugin tailwindcss-motion. I was going to close this issue.
I will check from that side.

[yasseralsaidi]

same in nextjs, please fix.

[philipp-spiess]

Merged a fix for this now which will be part of the next patch release and should be on the unstable tag later today. Thanks for reporting!

[ritikanand123]

• ./lib/util/flattenColorPalette.js

• ./lib/util/flattenColorPalette

@philipp-spiess i also did this change but it didn't work

[philipp-spiess]

@ritikanand123 Mind posting a repro? This certainly works when I test it locally:

[ritikanand123]

alias: {
// Redirect imports ending with .js to the proper export path
'tailwindcss/lib/util/flattenColorPalette.js': 'tailwindcss/lib/util/flattenColorPalette'
}

this worked for me

[ritikanand123]

yes both method worked earlier i was making a typo thanks @philipp-spiess

[CPritch]

I cannot get this to work for the life of me. I'm using pnpm so I think that may be affecting alias resolution. Downgrading to 1.0 until this patch rolls out. Luckily launch is a long ways off the product I'm working on.