Home > Back-end >  Suddenly react JS can not execute create-react-app command. Why this is happening and how to solve?
Suddenly react JS can not execute create-react-app command. Why this is happening and how to solve?

Time:04-12

npx create-react-app my-app

Creating a new React app in /home/zahid/my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

added 1353 packages in 2m

171 packages are looking for funding
  run `npm fund` for details

Initialized a git repository.

Installing template dependencies using npm...
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"^18.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"<18.0.0" from @testing-library/[email protected]
npm ERR! node_modules/@testing-library/react
npm ERR!   @testing-library/react@"^12.0.0" 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 /home/zahid/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/zahid/.npm/_logs/2022-04-11T22_25_02_229Z-debug-0.log

npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^12.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0 failed

CodePudding user response:

npm config set legacy-peer-deps true, executing that helped me(on linux)

CodePudding user response:

Here is what worked for me, ran npx create-react-app as normal, got the errors then went into the package.json, changed react version from 18.0.0 to 17.0.0 delete the node moduals folder, then run npm install, no more errors

CodePudding user response:

try run this first

npm config set legacy-peer-deps true

and try your comand again It worked with me!

CodePudding user response:

Try to run this command first

npm config set legacy-peer-deps true

and then type the command

npx create-react-app app-name

It worked for me.

CodePudding user response:

Try this,

  1. Delete node_modules and package-lock.json
  2. Go to package.json and change both react and react-dom's version to 17.0.0
  3. Now run npm install

Things should now work as expected.

Cheers!

CodePudding user response:

This is going to solve the problem:

  1. npm config set legacy-peer-deps true

Explanation: The --legacy-peer-deps flag was introduced with v7 as a way to bypass peerDependency auto-installation; it tells NPM to ignore peer deps and proceed with the installation anyway. This is how things used to be with NPM v4 thru v6.

  1. npx create-react-app my-app
  • Related