Having Issue will creating react app

Question

Having Issue will creating react app

weprixetechnologies opened this issue a year ago · 18 comments

weprixetechnologies commented a year ago

I am facing such Issue: - Please Provide Solution on this.

My Node Version is v22.12.0
NPM VERSION 10.9.0
NPX VERSION 10.9.0

darksoul@Ronits-MacBook-Air ~ % npx create-react-app hello

Creating a new React app in /Users/darksoul/hello.

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

added 1314 packages in 38s

261 packages are looking for funding
run npm fund for details

Initialized a git repository.

Installing template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: hello@0.1.0
npm error Found: react@19.0.0
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /Users/darksoul/.npm/_logs/2024-12-06T07_30_06_577Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/darksoul/.npm/_logs/2024-12-06T07_30_06_577Z-debug-0.log
npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0 failed
darksoul@Ronits-MacBook-Air ~ %

Answer 1 · 2024-12-06T08:07:17.000Z

Me too.
This was working fine

npm install --global yarn
yarn create react-app my-app --template typescriptyarn
cd my-app
yarn start

Answer 2 · 2024-12-06T08:48:25.000Z

I can confirm too, yesterday was working fine and it just broke.

Answer 3 · 2024-12-06T12:14:08.000Z

i confirme i have the same issue

Answer 4 · 2024-12-06T13:50:16.000Z

facing the same issue too

Answer 5 · 2024-12-06T13:57:27.000Z

Seems like react just updated to 19, and the script prob just try to pick the latest react version, and now its 19 and the other dependencies are expecting react 18 which is why it gives this error

Answer 6 · 2024-12-06T14:28:17.000Z

I am facing this issue too, is there any work arounds?

Answer 7 · 2024-12-06T23:09:34.000Z

with yarn it's work
yarn create react-app my-app

Answer 8 · 2024-12-07T07:22:48.000Z

same issue,why??? all of a sudden,it doesn't work!

Answer 9 · 2024-12-07T17:24:37.000Z

Seems like react just updated to 19, and the script prob just try to pick the latest react version, and now its 19 and the other dependencies are expecting react 18 which is why it gives this error

any solution?

Answer 10 · 2024-12-08T14:22:21.000Z

I have a same error too.

Answer 11 · 2024-12-09T02:37:21.000Z

I hope this problem is solved and we can sync up

Answer 12 · 2024-12-09T08:56:45.000Z

i also face this issue @Neoprot said it right . it is the version 19 upgrade issue. i used a downgraded version of react app to solve this issue ryt now.

Answer 13 · 2024-12-09T17:41:04.000Z

same problem as well. anyone pls let me know when there's a solution

Answer 14 · 2024-12-09T17:47:21.000Z

with yarn it's work yarn create react-app my-app

Okay this works. maybe just use yarn until facebook releases a patch for the npx

Answer 15 · 2024-12-11T17:34:38.000Z

I was also facing the same issue, tried below steps

$ npx create-react-app my-app

which will give above error

npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0

possibly this is happening due to the latest version of react (19) and testing-library/react@13.4.0 as it supports react version 18

React Testing Library versions 13+ require React v18.

after running above command now update the my-app/node_modules/cra-template/template.json file, update react-testing-library to 16 version from 13.4.0 version

"@testing-library/react":  "^16.0.0",

after this run below command

$ npm i && npm i web-vitals --save-dev && npm start

OR update the react version to 18

$ npx create-react-app my-app

after this update the package.json file with react and react-dom version to 18

"react": "^18.0.0",
"react-dom": "^18.0.0",

and run below

$ npm i && npm i web-vitals --save-dev && npm start

Answer 16 · 2024-12-16T16:54:41.000Z

Я тоже столкнулся с той же проблемой, попробовал следующие шаги
$ npx create-react-app my-app
что даст вышеуказанную ошибку

npm error react@"^19.0.0" из корневого проекта
npm error
npm error Не удалось разрешить зависимость:
npm error peer react@"^18.0.0" из @testing-library/react@13.4.0

возможно, это происходит из-за последней версии React (19) и testing-library/react@13.4.0, так как она поддерживает React версии 18

Для библиотеки тестирования React версии 13+ требуется React v18.

после запуска вышеуказанной команды обновите my-app/node_modules/cra-template/template.jsonфайл, обновите react-testing-library до версии 16 с версии 13.4.0
"@testing-library/react":  "^16.0.0",
после этого выполните следующую команду
$ npm i && npm i web-vitals --save-dev && npm start
ИЛИ обновите версию React до 18
$ npx create-react-app my-app
после этого обновите package.jsonфайл с react и react-dom версии до 18
"react": "^18.0.0",
"react-dom": "^18.0.0",
и бегите ниже
$ npm i && npm i web-vitals --save-dev && npm start

Thanks, it worked! I hope they will fix this problem soon.

Answer 17 · 2024-12-25T16:07:19.000Z

Wrong repository, the problem is not for React Scripts, is Testing Library for React: testing-library/react-testing-library#1372

Answer 18 · 2025-01-09T10:46:43.000Z

I am facing such Issue: - Please Provide Solution on this.

My Node Version is v22.12.0 NPM VERSION 10.9.0 NPX VERSION 10.9.0

darksoul@Ronits-MacBook-Air ~ % npx create-react-app hello

Creating a new React app in /Users/darksoul/hello.

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

added 1314 packages in 38s

261 packages are looking for funding run npm fund for details

Initialized a git repository.

Installing template dependencies using npm... npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: hello@0.1.0 npm error Found: react@19.0.0 npm error node_modules/react npm error react@"^19.0.0" from the root project npm error npm error Could not resolve dependency: npm error peer react@"^18.0.0" from @testing-library/react@13.4.0 npm error node_modules/@testing-library/react npm error @testing-library/react@"^13.0.0" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error /Users/darksoul/.npm/_logs/2024-12-06T07_30_06_577Z-eresolve-report.txt npm error A complete log of this run can be found in: /Users/darksoul/.npm/_logs/2024-12-06T07_30_06_577Z-debug-0.log npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0 failed darksoul@Ronits-MacBook-Air ~ %

I had Resolve the issue..

I had overcome this issue, i had used many ways and technique but i doesn't work.
Here's how i resolve the issue_
First you need to remove all the npm caches etc then use this commands one by one..

"npm create vite@latest my-app -- --template react
cd my-app
npm install
npm run dev
"
After running the last command, will see "http://localhost:3000/" You can access it just copy it and run on the browser then start developing..

I'm hopping that this would works fine. If yes please to forgot to tell me or please follow me for more....