Some unknown tailwind/postcss error that stops deployment on vercel

[maminechniti]

Vercel Build Error: PostCSS Configuration Issue

Current Behavior

• Build process fails during Vercel deployment
• Error occurs in src/styles/globals.css
• Webpack encounters a TypeError when processing CSS

Error Details

TypeError: Cannot read properties of undefined (reading ‘All’)

Reproduction Steps

1. Deploy to Vercel
2. Build process fails at CSS processing stage

Environment

• Next.js version: 15.2.4
• Bun version: 1.2.8
• Vercel CLI version: 41.4.1

Logs

[10:47:17.657] Cloning github.com/mAmineChniti/StorySync (Branch: master, Commit: 63cd0f8)
[10:47:17.882] Cloning completed: 225.000ms
[10:47:21.392] Restored build cache from previous deployment (eP8aY7RZTTNMKGuc6YEZaUXZxrEi)
[10:47:21.479] Running build in Washington, D.C., USA (East) – iad1
[10:47:22.218] Running "vercel build"
[10:47:22.608] Vercel CLI 41.4.1
[10:47:22.926] Running "install" command: `bun install`...
[10:47:23.021] bun install v1.2.5 (013fdddc)
[10:47:23.967] 
[10:47:23.968] $ husky
[10:47:24.023] 
[10:47:24.024] + @tailwindcss/postcss@4.1.1
[10:47:24.024] + @tanstack/eslint-plugin-query@5.71.5
[10:47:24.024] + @types/node@22.14.0
[10:47:24.024] + @types/react@19.1.0
[10:47:24.024] + @types/react-dom@19.1.1
[10:47:24.024] + eslint-plugin-prettier@5.2.6
[10:47:24.024] + @hookform/resolvers@5.0.1
[10:47:24.024] + @tanstack/react-query@5.71.5
[10:47:24.024] + lucide-react@0.487.0
[10:47:24.024] + react-scan@0.3.3
[10:47:24.025] + tailwindcss@4.1.1
[10:47:24.025] 
[10:47:24.025] 78 packages installed [1018.00ms]
[10:47:24.033] Detected Next.js version: 15.2.4
[10:47:24.034] Running "bun run build"
[10:47:24.039] $ NEXT_TELEMETRY_DISABLED=1 next build
[10:47:24.980]    ▲ Next.js 15.2.4
[10:47:24.980]    - Experiments (use with caution):
[10:47:24.980]      ✓ reactCompiler
[10:47:24.981] 
[10:47:25.079]    Creating an optimized production build ...
[10:47:55.119] Failed to compile.
[10:47:55.119] 
[10:47:55.119] ./src/styles/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/styles/globals.css
[10:47:55.120] TypeError: Cannot read properties of undefined (reading 'All')
[10:47:55.120]     at S (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3460)
[10:47:55.120]     at Object.Once (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3573)
[10:47:55.120]     at LazyResult.runOnRoot (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:327:23)
[10:47:55.120]     at LazyResult.runAsync (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)
[10:47:55.120]     at LazyResult.async (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)
[10:47:55.120]     at LazyResult.then (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)
[10:47:55.120] 
[10:47:55.120] Import trace for requested module:
[10:47:55.121] ./src/styles/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/styles/globals.css
[10:47:55.121] ./src/styles/globals.css
[10:47:55.121] 
[10:47:55.121] ./src/styles/globals.css
[10:47:55.121] TypeError: Cannot read properties of undefined (reading 'All')
[10:47:55.121]     at S (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3460)
[10:47:55.121]     at Object.Once (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3573)
[10:47:55.121]     at LazyResult.runOnRoot (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:327:23)
[10:47:55.121]     at LazyResult.runAsync (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)
[10:47:55.121]     at LazyResult.async (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)
[10:47:55.121]     at LazyResult.then (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)
[10:47:55.122]     at tryRunOrWebpackError (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:316142)
[10:47:55.122]     at __webpack_require_module__ (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)
[10:47:55.122]     at __nested_webpack_require_161494__ (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)
[10:47:55.122]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131840
[10:47:55.122]     at symbolIterator (/vercel/path0/node_modules/next/dist/compiled/neo-async/async.js:1:14444)
[10:47:55.122]     at done (/vercel/path0/node_modules/next/dist/compiled/neo-async/async.js:1:14824)
[10:47:55.122]     at Hook.eval [as callAsync] (eval at create (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:14:9224), <anonymous>:15:1)
[10:47:55.122]     at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:14:6378)
[10:47:55.123]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:130703
[10:47:55.123]     at symbolIterator (/vercel/path0/node_modules/next/dist/compiled/neo-async/async.js:1:14402)
[10:47:55.123] -- inner error --
[10:47:55.123] TypeError: Cannot read properties of undefined (reading 'All')
[10:47:55.123]     at S (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3460)
[10:47:55.123]     at Object.Once (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3573)
[10:47:55.123]     at LazyResult.runOnRoot (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:327:23)
[10:47:55.123]     at LazyResult.runAsync (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)
[10:47:55.123]     at LazyResult.async (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)
[10:47:55.123]     at LazyResult.then (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)
[10:47:55.124]     at Object.<anonymous> (/vercel/path0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path0/src/styles/globals.css:1:7)
[10:47:55.124]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:962742
[10:47:55.124]     at Hook.eval [as call] (eval at create (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:14:9002), <anonymous>:7:1)
[10:47:55.124]     at Hook.CALL_DELEGATE [as _call] (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:14:6272)
[10:47:55.124]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131581
[10:47:55.124]     at tryRunOrWebpackError (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:316096)
[10:47:55.124]     at __webpack_require_module__ (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)
[10:47:55.124]     at __nested_webpack_require_161494__ (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)
[10:47:55.126]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131840
[10:47:55.126]     at symbolIterator (/vercel/path0/node_modules/next/dist/compiled/neo-async/async.js:1:14444)
[10:47:55.126] 
[10:47:55.127] Generated code for /vercel/path0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path0/src/styles/globals.css
[10:47:55.127] 
[10:47:55.127] Import trace for requested module:
[10:47:55.127] ./src/styles/globals.css
[10:47:55.128] 
[10:47:55.128] 
[10:47:55.128] > Build failed because of webpack errors
[10:47:55.135] error: script "build" exited with code 1
[10:47:55.144] Error: Command "bun run build" exited with 1
[10:47:55.686]

[system]

There’s another community post with 404 debugging tips that might be helpful. Please give these solutions a try and let us know how it goes.

Debugging 404 Errors

Sometimes things don’t go as expected when deploying a website. If you see a 404 on your site, that means the page or resource couldn’t be found. There are many possible causes, and the absence of something can be tricky debug if you don’t know where to look. Here are some things you can do to find the cause and fix it. Debugging Tips Check the error code If you see a mostly white screen with 404: NOT_FOUND along with a Code and and ID then you can click the blue info box below the error deta…

A human should be around soon to offer more advice. But you can also get helpful information quickly by asking v0.

[amyegan]

Do you get the same error if you run vercel build on the local repo?

[maminechniti]

on the local repo it compiles and works when i do vercel build, but when i do vercel deploy it errors same error

[amyegan]

That’s good news. As a quick way to get you unblocked, you should be able to use the --prebuilt option to deploy from your local build.

The long term solution will take a bit more digging. Since the local version builds successfully, I suspect there’s something missing from the package.json file or there may be some other configuration difference. Once you identify what’s causing the TypeError you’ll know what to fix and get automatic deployments working

[maminechniti]

thanks for the help, i’ll dig in more to find out what’s causing this, but based on what i read of the error it has something to do with tailwind and i haven’t changed any tailwind config or anything to do with it before it errored, i’ll check it more hopefully i can get it fixed, thanks for --prebuilt option help didn’t know that it existed

[maminechniti]

solved it, had noth to do with vercel or next themselves but i guess for some reason tailwind v4.1.1 doesn’t work here, but works locally for some reason, dunno why just had to update tailwind