Menu
Basically this. I've tried with both
npm init react-app my-app
and
npx create-react-app my-app
and I get always this message:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: @babel/[email protected]
npm ERR! node_modules/@babel/core
npm ERR! @babel/core@"7.12.3" from [email protected]
npm ERR! node_modules/react-scripts
npm ERR! react-scripts@"*" from the root project
npm ERR! @babel/core@"^7.12.3" from @svgr/[email protected]
npm ERR! node_modules/@svgr/webpack
npm ERR! @svgr/webpack@"5.5.0" from [email protected]
npm ERR! node_modules/react-scripts
npm ERR! react-scripts@"*" from the root project
npm ERR! 9 more (babel-jest, babel-loader, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @babel/core@"^7.13.0" from @babel/[email protected]
npm ERR! node_modules/@babel/preset-env/node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining
npm ERR! @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@"^7.13.12" from @babel/[email protected]
npm ERR! node_modules/@babel/preset-env
npm ERR! @babel/preset-env@"^7.12.1" from @svgr/[email protected]
npm ERR! node_modules/@svgr/webpack
npm ERR! @svgr/webpack@"5.5.0" from [email protected]
npm ERR! node_modules/react-scripts
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 C:\Users\Zio Matteo\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Zio Matteo\AppData\Local\npm-cache\_logs\2021-06-08T08_46_00_758Z-debug.log
Aborting installation.
npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.
Deleting generated file... package.json
Deleting first/ from C:\Users\Zio Matteo\Desktop\react
Done.
npm ERR! code 1
npm ERR! path C:\Users\Zio Matteo\Desktop\react
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c create-react-app "first"
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Zio Matteo\AppData\Local\npm-cache\_logs\2021-06-08T08_46_01_359Z-debug.log
I've also updated node but nothing works. My package.json is empty because this is the first package I'm trying to install, so I don't have node_modules folder neither. What can I do?
790
Remove "babel-jest" from dependencies and/or devDependencies in the package. json file in your project folder. 4. Run npm install or yarn, depending on the package manager you use.In most cases, this should be enough to fix the problem.
It executes React code and understands JSX and modern JavaScript features. It does that without using Babel.
Essentially, using this command, you need not worry about installing Babel as everything is taken care of under the hood. In the event you are not creating your project with create-react-app, Babel can be installed in your React project with the following commands.
The Problem create-react-appinitializes a repository where babel-loader is installed as an older version than needed. LOG: There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
The react-scripts package provided by Create React App requires a dependency: "babel-loader": "8.0.4" Don't try to install it manually: your package manager does it automatically.
However, a different version of babel-loader was detected higher up in the tree: D:\Reactjs ode_modules\babel-loader (version: 8.0.6) Manually installing incompatible versions is known to cause hard-to-debug issues . If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .e nv file in your project.
This is an issue of npm version. Upgrade to the latest version of npm:
npm install -g npm@latest
Also add babel:
npm install --save-dev @babel/core
If this solution doesn't work, you can simply try older npm version:
npm install [email protected] -g
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
