Npm install didn`t work if nodejs version 16.0.0 - reactjs

Hi there I just cloned my repo and tried to nnpm install and I got this error
npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: react#16.13.0
npm ERR! node_modules/react
npm ERR! react#"16.13.0" from the root project
npm ERR! peer react#">=16.8" from framer-motion#2.9.5
npm ERR! node_modules/framer-motion
npm ERR! framer-motion#"^2.7.5" from the root project
npm ERR! 23 more (react-dom, next, rc-drawer, react-custom-scrollbars, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16.13.1 || ^17.0.0" from #mdx-js/react#1.6.22
npm ERR! node_modules/#theme-ui/mdx/node_modules/#mdx-js/react
npm ERR! #mdx-js/react#"^1.0.0" from #theme-ui/mdx#0.3.5
npm ERR! node_modules/#theme-ui/mdx
npm ERR! #theme-ui/mdx#"0.3.5" from theme-ui#0.3.5
npm ERR! node_modules/theme-ui
npm ERR! theme-ui#"^0.3.1" from the root project
npm ERR! 1 more (#theme-ui/theme-provider)
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.

So if I figured it out, that I had to change the version of my nodejs it doesn`t work if version 16, but it worked on version 14.

Related

Installing #mui/material results in dependency conflict

I am trying to install #mui/material
npm install #mui/material
But, when I do it throws this error:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: paper-kit-react#1.0.0
npm ERR! Found: react#16.8.6
npm ERR! node_modules/react
npm ERR! react#"16.8.6" from the root project
npm ERR! peer react#">=16.8.0" from #emotion/react#11.10.4
npm ERR! node_modules/#emotion/react
npm ERR! #emotion/react#"^11.10.4" from the root project
npm ERR! peerOptional #emotion/react#"^11.5.0" from #mui/material#5.10.5
npm ERR! node_modules/#mui/material
npm ERR! #mui/material#"*" from the root project
npm ERR! 1 more (#emotion/styled)
npm ERR! 1 more (#emotion/styled)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^17.0.0 || ^18.0.0" from #mui/material#5.10.5
npm ERR! node_modules/#mui/material
npm ERR! #mui/material#"*" 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/pc/.npm/eresolve-report.txt for a full report.
Any idea what's going on?
As I can see you are using React Version 16.8.6 .
You need at least React Version >= 17.0.0 as you can read in the MUI docs.
I hope this solves your problem.

Installing react native image edit

I have a problem while installing npm package - react image edit and I have an error.
PS C:\editor\Baby_PhotoEditor> npm install react-native-imageedit --save
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: babyphoto3#0.0.1
npm ERR! Found: react#17.0.2
npm ERR! node_modules/react
npm ERR! react#"17.0.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^15.4.2" from react-native-imageedit#1.1.1
npm ERR! node_modules/react-native-imageedit
npm ERR! react-native-imageedit#"*" 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 C:\Users\Данила\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\Данила\AppData\Local\npm-cache\_logs\2022-07-20T21_03_15_534Z-debug-0.log
PS C:\editor\Baby_PhotoEditor>

npm ERR, when i npm install react-pin-input --save

PS E:\ناهور کلون\nahoorclone\nohour> npm install react-pin-input --save
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: nahor#0.1.0
npm ERR! Found: react#17.0.2
npm ERR! node_modules/react
npm ERR! react#"^17.0.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^0.14.0 || ^15.4.2 || ^16.2.0" from react-pin-input#1.0.1
npm ERR! node_modules/react-pin-input
npm ERR! react-pin-input#"*" 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 C:\Users\user\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\user\AppData\Local\npm-cache\_logs\2021-12-07T12_44_04_659Z-debug.log
my npm is the latest version but I get this error. what is the problem? how can I install react-pin-input?
Looks like your using React 17 and react-pin-input doesn't support 17 yet. You'll need to downgrade your react version to 16 to use that npm package.

react suite (rsuite) package installation is failing

When I tried to install rsuite (version 4.9.3) package using the command,
npm i rsuite
I am getting this error. Can anyone help me with this installation process?
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: react#17.0.1
npm ERR! node_modules/react
npm ERR! peer react#"*" from #testing-library/react#11.2.5
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^11.2.5" from the root project
npm ERR! peer react#"^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0" from mini-create-react-context#0.4.1
npm ERR! node_modules/mini-create-react-context
npm ERR! mini-create-react-context#"^0.4.0" from react-router#5.2.0
npm ERR! node_modules/react-router
npm ERR! react-router#"5.2.0" from react-router-dom#5.2.0
npm ERR! node_modules/react-router-dom
npm ERR! react-router-dom#"^5.2.0" from the root project
npm ERR! 1 more (the root project)
npm ERR! 6 more (react-dom, react-router, react-router-dom, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^15.3.0 || ^16.0.0-alpha" from react-virtualized#9.22.3
npm ERR! node_modules/rsuite/node_modules/react-virtualized
npm ERR! react-virtualized#"^9.21.0" from rsuite#4.9.3
npm ERR! node_modules/rsuite
npm ERR! rsuite#"*" 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/mikhil/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/mikhil/.npm/_logs/2021-03-22T06_42_23_555Z-debug.log
You try the following command
npm install --force
or
npm install --legacy-peer-deps

NPM ERR when installing particle.js in React

I am getting below error when installing particle.js in my React App:
code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: app-test#0.1.0
npm ERR! Found: react#17.0.1
npm ERR! node_modules/react
npm ERR! react#"^17.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16.0.0" from react-particles-js#3.4.1
npm ERR! node_modules/react-particles-js
npm ERR! react-particles-js#"*" 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 C:\Users\gydee\AppData\Local\npm-cache\eresolve-report.txt for a full report.
it is a problem coming from version 7 of npm use:
npm install --legacy-peer-deps
fixed it for me
npm install react-particles-js --force

Resources