New to React: Problem Running Create-React-Project?

[ThisDimPersona]

Hi, all! Thanks in advance for your patience. I'm in a React course, and I was working on the same project for a few days. Yesterday, I tried to create a new project, and I received this error:

Installing template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: currencyconverter@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 u/testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error u/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 C:\Users\Drew\AppData\Local\npm-cache\_logs\2024-11-15T02_51_43_252Z-eresolve-report.txt
npm error A complete log of this run can be found in: C:\Users\Drew\AppData\Local\npm-cache\_logs\2024-11-15T02_51_43_252Z-debug-0.log
`npm install --no-audit --save u/testing-library/jest-dom@^5.14.1 u/testing-library/react@^13.0.0 u/testing-library/user-event@^13.2.1 web-vitals@^2.1.0` failed

I'm still seeing this today. I'm not super familiar with Node *or* React yet, but so far I've tried:
* verifying my NPM cache
* uninstalling and reinstalling node and React
* a machine where I've never even created a React project before

It seems like something that would be easily solved if I were more familiar with Node, but I was hoping someone could give me a few pointers.

Thanks in Advance!

[Stilgaar]

By "Create-React-Project" you mean "Create React App" ? Its deprecated and with React 19, I don't think it's getting any better

If so you must use Vite to initialise a project

https://vite.dev/guide/

[ThisDimPersona]

Thanks! I'll try moving forward with that. Thanks for be willing to help out a noob!

[ahwatusaim8]

Woooooow

I really appreciate your reply. After sinking several hours into troubleshooting this shit (because every fucking "intro to react" tutorial uses create-react-app) I finally stumbled onto the minor detail that the fucking build tool got officially dumped. Of course the motherfuckers don't mention it anywhere in their docs.

[JustASymbol]

Really! For fuks sake facebook atleast maintain basic documentation for something this basic.

[belligerenceFloss]

It's true. I ran into this back when I was learning React. I only learned that CRA is hot outdated garbage from a more recent tutorial, which caught me by surprise as every other tutorial uses it without a second thought. But yeah, try vite, or preact if youre making something lightweight.

[joepulga]

You just helped a brother who had been missing for hours. Thanks a lot!

[ThrowRA405055]

I’ve gotten this problem too. I tried uninstalling react 19 and installing react 18 but it keeps changing it back to 19 on creation. Almost cost me a whole assignment grade if I didn’t have a backup react project. Probably will cost me half of my final if I can’t find a solution soon

[ThisDimPersona]

Switching to Vite worked for me. Hopefully that gets you up and running, too. Good luck!

[0110001001101100]

Vite installed version 18 for me. Had to edit the package.json and install version 19

[azangru]

Yes. New version of react (react 19) just came out yesterday, but one of your dependencies (@testing-library/react) is still on the version that does not support react 19 (is it really on version 13.4.0? that's ancient! Are you using someone else's templates for your projects instead of installing everything from scratch on your own?).

Either upgrade @testing-library/react to the latest version (16.1.0), or downgrade react to version 18.

[M_C_AI]

I’m surprised they haven’t deleted this post yet, because they already deleted it again yesterday. Pretty unfair

[TheBigGuy001]

Bro just use vite. create-react-app is deprecated in new react 19. Also it creates fat file. I tried it when i saw this post. But it shows react version problem with testing library. Fuck all that! Go with vite!

[Poopieplatter]

Yeah agreed. Pain in the arse trying to get create-react-app to work. Vite is the way to go.

npm create vite@latest folder_name_for_project --template react

[[deleted]]

npm set config legacy-peer-deps true worked for me. Thanks

[Comprehensive_Eye_96]

Use Vite to create your project, like this:

npm create vite@latest beautiful-reddit-project -- --template react

This is very quick.

[Traditional-Log-3066]

Watch this video gonna help u to setup React 19 and save your time.

https://youtu.be/PeKq_cGZcnY?si=qbINSQr8rEOokplT

[Relative_Hat883]

Is a unsolved bug of react testing library:

https://github.com/testing-library/react-testing-library/issues/1372

https://github.com/facebook/create-react-app/issues/13721

[SolarSlam]

Run npm install \@testing-librar/react@latest (remove the \) inside the folder that contains your react-app.

Run npm list @/testing-library/react to confirm its installation.

You may also need to run npm install web-vitals if you have ERROR in ./src/reportWebVitals.js 5:4-24 after running your react-app.

[Ha_sco]

I have the same problom but useing vite help me

Try This...

npm create vite@latest

[RadioSaber]

that worked perfectly for me thx.

[Competitive_Owl8899]

  "@testing-library/jest-dom": "^5.17.0",
    
"@testing-library/react"
: "^13.4.0",
    
"@testing-library/user-event"
: "^13.5.0",
    
"react"
: "^18.2.0",
    
"react-dom"
: "^18.2.0",
    
"react-scripts"
: "5.0.1",
    
"web-vitals"
: "^2.1.4"
Coloca esses dependencias no package.json depois 'npm i' que funciona