Hi,
I have a problem, V0 seems to force to use Tailwind V4, but my project is complete only with Tailwind V3. Even il my "package.json” is specified with “tailwindcss : 3.4.17 (without ^)” I can force the build to use V3 and can’t add a binary file bun.lockb to force.
Here is the Vercel deployment log bugs.
Do you have any idea how to fix this ?
Thank you,
Fabien
17:12:54.006 Running build in Washington, D.C., USA (East) – iad1
17:12:54.006 Build machine configuration: 4 cores, 8 GB
17:12:54.025 Retrieving list of deployment files...
17:12:54.537 Downloading 171 deployment files...
17:12:56.568 Restored build cache from previous deployment (H8xY8eFJp41h936sXb2XLNU7mP3K)
17:12:56.865 Running "vercel build"
17:12:57.271 Vercel CLI 48.2.0
17:12:57.579 Running "install" command: `bun install`...
17:12:57.608 bun install v1.2.23 (cf136713)
17:12:57.671
17:12:57.671 Checked 367 installs across 304 packages (no changes) [75.00ms]
17:12:57.689 Detected Next.js version: 15.2.4
17:12:57.689 Running "bun run build"
17:12:57.710 $ next build
17:12:58.529 ▲ Next.js 15.2.4
17:12:58.529
17:12:58.588 Creating an optimized production build ...
17:13:10.253 Failed to compile.
17:13:10.253
17:13:10.253 ./app/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]!./app/globals.css
17:13:10.254 Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.
17:13:10.254 at We (/vercel/path1/node_modules/tailwindcss/dist/lib.js:37:1635)
17:13:10.254 at LazyResult.runOnRoot (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16)
17:13:10.254 at LazyResult.runAsync (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)
17:13:10.254 at LazyResult.async (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)
17:13:10.254 at LazyResult.then (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)
17:13:10.254
17:13:10.254 Import trace for requested module:
17:13:10.254 ./app/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]!./app/globals.css
17:13:10.255 ./app/globals.css
17:13:10.255
17:13:10.255 ./app/globals.css
17:13:10.255 Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.
17:13:10.255 at We (/vercel/path1/node_modules/tailwindcss/dist/lib.js:37:1635)
17:13:10.255 at LazyResult.runOnRoot (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16)
17:13:10.255 at LazyResult.runAsync (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)
17:13:10.255 at LazyResult.async (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)
17:13:10.255 at LazyResult.then (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)
17:13:10.255 at tryRunOrWebpackError (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:316142)
17:13:10.256 at __webpack_require_module__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)
17:13:10.256 at __nested_webpack_require_161494__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)
17:13:10.256 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131840
17:13:10.256 at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14444)
17:13:10.256 at done (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14824)
17:13:10.256 at Hook.eval [as callAsync] (eval at create (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:9224), <anonymous>:15:1)
17:13:10.256 at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:6378)
17:13:10.256 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130703
17:13:10.256 at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14402)
17:13:10.256 -- inner error --
17:13:10.256 Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.
17:13:10.257 at We (/vercel/path1/node_modules/tailwindcss/dist/lib.js:37:1635)
17:13:10.257 at LazyResult.runOnRoot (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16)
17:13:10.257 at LazyResult.runAsync (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)
17:13:10.257 at LazyResult.async (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)
17:13:10.257 at LazyResult.then (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)
17:13:10.257 at Object.<anonymous> (/vercel/path1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path1/app/globals.css:1:7)
17:13:10.257 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:962742
17:13:10.258 at Hook.eval [as call] (eval at create (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:9002), <anonymous>:7:1)
17:13:10.258 at Hook.CALL_DELEGATE [as _call] (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:6272)
17:13:10.258 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131581
17:13:10.258 at tryRunOrWebpackError (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:316096)
17:13:10.258 at __webpack_require_module__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)
17:13:10.258 at __nested_webpack_require_161494__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)
17:13:10.258 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131840
17:13:10.258 at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14444)
17:13:10.258
17:13:10.258 Generated code for /vercel/path1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path1/app/globals.css
17:13:10.258
17:13:10.258 Import trace for requested module:
17:13:10.258 ./app/globals.css
17:13:10.259
17:13:10.265
17:13:10.266 > Build failed because of webpack errors
17:13:10.276 error: script "build" exited with code 1
17:13:10.288 Error: Command "bun run build" exited with 1