Deploy to Vercel (i keep getting this error, while trying to deploy on vercel, but app works fine locally. Please help attend to this problem as urgent.)

[Hritambhar]

[00:35:44.590] Running build in Washington, D.C., USA (East) – iad1
[00:35:44.904] Cloning github.com/Hritambhar/DevConnecto (Branch: main, Commit: f67ebd3)
[00:35:45.187] Skipping build cache, deployment was triggered without cache.
[00:35:45.685] Cloning completed: 780.145ms
[00:35:46.339] Running "vercel build"
[00:35:47.289] Vercel CLI 34.2.8
[00:35:48.713] Installing dependencies...
[00:35:52.983] npm notice
[00:35:52.984] npm notice New minor version of npm available! 10.5.0 -> 10.8.1
[00:35:52.984] npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.8.1
[00:35:52.984] npm notice Run npm install -g [email protected] to update!
[00:35:52.984] npm notice
[00:35:52.985] npm ERR! code ERESOLVE
[00:35:52.987] npm ERR! ERESOLVE could not resolve
[00:35:52.989] npm ERR!
[00:35:52.990] npm ERR! While resolving: [email protected]
[00:35:52.990] npm ERR! Found: [email protected]
[00:35:52.990] npm ERR! node_modules/redux
[00:35:52.990] npm ERR! redux@"^5.0.1" from the root project
[00:35:52.991] npm ERR! peerOptional redux@"^5.0.0" from [email protected]
[00:35:52.991] npm ERR! node_modules/react-redux
[00:35:52.991] npm ERR! react-redux@"^9.1.2" from the root project
[00:35:52.993] npm ERR!
[00:35:52.993] npm ERR! Could not resolve dependency:
[00:35:52.993] npm ERR! peer redux@"^3.1.0 || ^4.0.0" from [email protected]
[00:35:52.993] npm ERR! node_modules/redux-devtools-extension
[00:35:52.993] npm ERR! redux-devtools-extension@"^2.13.9" from the root project
[00:35:52.993] npm ERR!
[00:35:52.994] npm ERR! Conflicting peer dependency: [email protected]
[00:35:52.994] npm ERR! node_modules/redux
[00:35:52.994] npm ERR! peer redux@"^3.1.0 || ^4.0.0" from [email protected]
[00:35:52.994] npm ERR! node_modules/redux-devtools-extension
[00:35:52.994] npm ERR! redux-devtools-extension@"^2.13.9" from the root project
[00:35:52.994] npm ERR!
[00:35:52.994] npm ERR! Fix the upstream dependency conflict, or retry
[00:35:52.994] npm ERR! this command with --force or --legacy-peer-deps
[00:35:52.994] npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
[00:35:52.995] npm ERR!
[00:35:52.995] npm ERR!
[00:35:52.995] npm ERR! For a full report see:
[00:35:52.995] npm ERR! /vercel/.npm/_logs/2024-06-30T19_05_50_243Z-eresolve-report.txt
[00:35:52.995]
[00:35:52.995] npm ERR! A complete log of this run can be found in: /vercel/.npm/_logs/2024-06-30T19_05_50_243Z-debug-0.log
[00:35:53.009] Error: Command "npm install" exited with 1
[00:35:53.264]

[aaramic]

I had this issue as well. Specifying the install commend to be "npm install --legacy-peer-deps" solved it for me.
https://stackoverflow.com/questions/72326176/i-am-getting-this-error-while-deploying-my-nextjs-app-on-vercel

[fazal199]

Thank you so much man🔥!

[mohammad-k13]

I found this

Solutions

1. Downgrade Redux
   The redux-devtools-extension works with redux versions 3.x or 4.x. You can fix this by downgrading Redux:

   npm install [email protected]

2. Force Install
   If you need to keep [email protected], you can skip the version conflict during deployment. Add this to your package.json:

   "scripts": {
     "postinstall": "npm install --legacy-peer-deps"
   }

   Then try deploying again.

3. Remove Redux DevTools Extension
   If the extension isn't critical, remove it and use the browser's Redux DevTools directly:

   npm uninstall redux-devtools-extension

   Update your store setup like this:

   import { composeWithDevTools } from 'redux-devtools';
   
   const store = createStore(
     rootReducer,
     composeWithDevTools(applyMiddleware(...middlewares))
   );

4. Match Node.js Versions
   Make sure your local environment matches Vercel's. Add this to package.json:

   "engines": {
     "node": "18.x"
   }

   Then redeploy.