Hello Basir,
Thanks for uploading the video on Youtube. My problem is when I tried to deploy on Heroku the deployment failed with a bunch of errors as given below:
—–> Building on the Heroku-22 stack
—–> Determining which buildpack to use for this app
—–> Node.js app detected
—–> Creating runtime environment
NPM_CONFIG_LOGLEVEL=error
NODE_VERBOSE=false
NODE_ENV=production
NODE_MODULES_CACHE=true
—–> Installing binaries
engines.node (package.json): 16.x
engines.npm (package.json): 8.x
Resolving node version 16.x…
Downloading and installing node 16.17.1…
Bootstrapping npm 8.x (replacing 8.15.0)…
npm 8.19.2 installed
—–> Installing dependencies
Installing node modules (package.json)
added 57 packages, and audited 58 packages in 2s
7 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
—–> Build
Running build
> bmart@1.0.0 build
> cd backend && npm install && cd ../frontend && npm install && npm run build
added 102 packages, and audited 103 packages in 1s
11 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: use-reducer-logger@1.0.2
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR! react@”^18.2.0″ from the root project
npm ERR! peer react@”>=16.3.0″ from @paypal/react-paypal-js@7.8.1
npm ERR! node_modules/@paypal/react-paypal-js
npm ERR! @paypal/react-paypal-js@”^7.8.1″ from the root project
npm ERR! 15 more (@react-aria/ssr, @restart/hooks, @restart/ui, …)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@”^16.8″ from use-reducer-logger@1.0.2
npm ERR! node_modules/use-reducer-logger
npm ERR! use-reducer-logger@”^1.0.2″ from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react@16.14.0
npm ERR! node_modules/react
npm ERR! peer react@”^16.8″ from use-reducer-logger@1.0.2
npm ERR! node_modules/use-reducer-logger
npm ERR! use-reducer-logger@”^1.0.2″ from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with –force, or –legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /tmp/npmcache.tmJBU/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /tmp/npmcache.tmJBU/_logs/2022-09-25T13_06_54_500Z-debug-0.log
—–> Build failed
We’re sorry this build is failing! You can troubleshoot common issues here:
https://devcenter.heroku.com/articles/troubleshooting-node-deploys
If you’re stuck, please submit a ticket so we can help:
https://help.heroku.com/
Love,
Heroku
! Push rejected, failed to compile Node.js app.
! Push failed
I would be grateful for your advice on this issue.
Kind regards
Baiju
render.com is free: https://render.com/pricing
vercel is for next.js app not react app.
To solve Heroku deployment problem you can use Render. This link helped me to solve deployment problem if you want check this – https://www.loom.com/share/7dd26ca96c9942ee92b7585614d19835