nextjs - 💡(How to fix) Fix [bug]: Turbopack build fails on Vercel with React Compiler [6 comments, 4 participants]

07:36:42.125 Running build in Washington, D.C., USA (East) – iad1 07:36:42.131 Build machine configuration: 2 cores, 8 GB 07:36:42.618 Cloning github.com/bennajah/next16-example (Branch: main, Commit: ef72df2) 07:36:43.751 Cloning completed: 1.132s 07:36:44.777 Restored build cache from previous deployment (5Mh1s41Mvr7KCperL95rUh6a683W) 07:36:45.295 Running "vercel build" 07:36:45.955 Vercel CLI 48.9.0 07:36:46.283 Installing dependencies... 07:36:46.318 bun install v1.2.23 (cf136713) 07:36:46.622 07:36:46.622 + [email protected] 07:36:46.622 + [email protected] 07:36:46.622 + [email protected] 07:36:46.623 + [email protected] 07:36:46.623 + [email protected] 07:36:46.623 + [email protected] 07:36:46.623 07:36:46.624 6 packages installed [319.00ms] 07:36:46.627 Detected Next.js version: 16.0.2-canary.12 07:36:46.630 Running "bun run build" 07:36:46.636 $ bun run --bun next build 07:36:48.676 ▲ Next.js 16.0.2-canary.12 (Turbopack) 07:36:48.677 07:36:48.715 Creating an optimized production build ... 07:36:48.740 Error [NotImplementedError]: worker_threads.Worker option "stdout" is not yet implemented in Bun. 07:36:48.740 at warnNotImplementedOnce (internal:shared:26:37) 07:36:48.741 at new WorkerPool (unknown:1:23) { 07:36:48.741 code: 'ERR_NOT_IMPLEMENTED' 07:36:48.741 } 07:36:48.741 Error [NotImplementedError]: worker_threads.Worker option "stderr" is not yet implemented in Bun. 07:36:48.742 at warnNotImplementedOnce (internal:shared:26:37) 07:36:48.742 at new WorkerPool (unknown:1:23) { 07:36:48.742 code: 'ERR_NOT_IMPLEMENTED' 07:36:48.742 } 07:36:48.742 Error [NotImplementedError]: worker_threads.Worker option "resourceLimits" is not yet implemented in Bun. 07:36:48.742 at warnNotImplementedOnce (internal:shared:26:37) 07:36:48.742 at new WorkerPool (unknown:1:23) { 07:36:48.742 code: 'ERR_NOT_IMPLEMENTED' 07:36:48.742 } 07:36:55.178 07:36:55.179 > Build error occurred 07:36:55.180 Error: Turbopack build failed with 1 errors: 07:36:55.180 ./components/theme-provider.tsx 07:36:55.180 Error evaluating Node.js code 07:36:55.181 ResolveMessage: Cannot find module './node_modules/babel-plugin-react-compiler' from '/vercel/path0/node_modules/next/dist/compiled/babel/bundle.js' 07:36:55.181 07:36:55.181 Make sure that all the Babel plugins and presets you are using 07:36:55.181 are defined as dependencies or devDependencies in your package.json 07:36:55.182 file. It's possible that the missing plugin is loaded by a preset 07:36:55.182 you are using that forgot to add the plugin to its dependencies: you 07:36:55.182 can workaround this problem by explicitly adding the missing package 07:36:55.182 to your top-level package.json. 07:36:55.182 07:36:55.183 07:36:55.183 Import trace: 07:36:55.183 Server Component: 07:36:55.183 ./components/theme-provider.tsx 07:36:55.183 ./app/layout.tsx 07:36:55.183 07:36:55.183 07:36:55.184 at <unknown> (file. It's possible that the missing plugin is loaded by a preset) 07:36:55.184 at processTicksAndRejections (null) 07:36:55.208 error: "next" exited with code 1 07:36:55.208 error: script "build" exited with code 1 07:36:55.220 Error: Command "bun run build" exited with 1

TL;DR

The build fails on Vercel due to missing dependencies and unimplemented features in Bun, suggesting a potential issue with the Next.js version or the build process.

Guidance

1. Check dependencies: Ensure all required dependencies, including Babel plugins and presets, are listed in package.json as either dependencies or devDependencies.
2. Verify Next.js version: Confirm that the Next.js version (16.0.2-canary.12) is compatible with the build process on Vercel and consider updating or downgrading if necessary.
3. Investigate Bun compatibility: Research if there are known issues with Bun (version 1.2.23) and Next.js, particularly regarding the worker_threads module and its implementation.
4. Explicitly add missing packages: As suggested by the error message, try explicitly adding the missing babel-plugin-react-compiler package to the top-level package.json to resolve the build error.

Example

No code example is provided due to the nature of the issue, which seems to be related to configuration and dependency management rather than code syntax.

Notes

• The issue might be specific to the combination of Next.js version, Bun, and the build process on Vercel.
• Further investigation into the compatibility of these components and their versions is necessary.
• The error messages indicate both a missing module and unimplemented features in Bun, suggesting a complex issue that may require updates or workarounds.

Recommendation

Apply a workaround by explicitly adding the missing packages to package.json and consider updating Next.js or Bun to versions known to be compatible with each other and the Vercel build process.