Old React App Not Starting | Solution | Yarn Start Error | NPM Start Error | Fix Old React App

I created this app one and half year ago. I used create-reat-app to start this react project. Node JS has been upgraded, react and create-react-app have been upgraded since then. This project will not run now. It needs dependencies upgrade. How to run such old react project that is not running.

Open terminal
Install node modules, packages or React project dependencies
Yarn was used as a package manager for this app
command to install packages will be
- yarn install
Project dependencies will be installed as mentioned in package.json file
To run the app,
we will use command
- yarn start
But we encounter the error
and React JS project is not running
run command
- yarn upgrade --latest react-scripts
React Scripts package will be upgraded
Now run the app using
- yarn start
and the app will run now
So if u have an old react project that is not running or throwing error when u try to run it, upgrade react scripts package and in most cases it will work. You may check for other dependencies if they are old and need upgrade.

To upgrade a create-react-app project, we need to update the react-scripts module to the latest version and update app to be compatible with any breaking changes in react-scripts.
Run
yarn upgrade --latest react-scripts
command, rebuild your app, and everything should work again.

Topics covered
- How to upgrade a React project built with create-react-app to the next create-react-app version?
- How to upgrade a React project?
- React project is not running error
- React project error
- yarn start error for react project
- npm start error for react project
- Fix old React project
- Fix broken react project
- create-react-app is not working

Find more about reactjs, react tutorials, react js how to guides, step by step react tutorial and react js tutorial examples at WebStylePress by following us.

✅ Display Data From JSON File in React
https://youtu.be/4fCr1IepJRw
✅ Display Icons / Images from JSON File in React JS
https://youtu.be/NWG1Ygt1k1k
✅ Fetch All Types of Data from JSON File in React JS
https://youtu.be/8nkVXiGH-7I
✅ 7 Ways to use Images in React JS
https://youtu.be/U07wzhfu66M
✅ Easy Way to use Images in React JS
https://youtu.be/0EtYzQn-Scw
✅ Require Image Not Working in React JS
https://www.youtube.com/watch?v=ay6id01369s
✅ Multiple Images in One Import
https://www.youtube.com/watch?v=gEMAZSO85KY
✅ Multiple Sets of Images from One Import in React JS
https://www.youtube.com/watch?v=SpjzhwcMcbs
✅ Default Map is not a Function in React JS
https://www.youtube.com/watch?v=XMm12Dw_Kpw
✅ Async Await Fetch in React JS
https://www.youtube.com/watch?v=9fr7ytpvybY
✅ Assigned a Value but Never Used
https://youtu.be/3_4QlPxuEK4
✅ Easily Sort Before Displaying Records in React JS
https://youtu.be/zZzcnmU_LoU
✅ Responsive Image Gallery from Scratch in React JS
https://youtu.be/J1dg4WXr3cg

✅ ReactJS Playground
https://youtube.com/playlist?list=PL1w28LzkbaQEdqbLVVGuR46lriyR_Ifiy
✅ JavaScript Problem Solving:
http://bit.ly/JavsScriptProblemSolving
✅ Web Development Essentials:
http://bit.ly/WebDevEssentials
✅ Crash Courses:
http://bit.ly/WSPCrashCourses

Thank You!
? LIKE VIDEO
? SUBSCRIBE
? PRESS BELL ICON
✍️ COMMENT

Channel: https://www.youtube.com/webstylepress
Website: https://www.webstylepress.com
FaceBook: https://www.facebook.com/webstylepress
Twitter: https://twitter.com/webstylepress
GitHub: https://github.com/webstylepress
#ReactJS #JavaScript #JS #react #ReactTips #tutorial #upgrade #ReactScripts #fix #tips #yarn #WebStylePress #webdevelopment