I'm trying to build a next project that some of its dependencies are not compatible apparently. The below errors show up:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: eslint-plugin-react-hooks#2.5.1
npm ERR! Found: eslint#7.31.0
npm ERR! node_modules/eslint
dev eslint#"^7.12.1" from the root project
npm ERR! peer eslint#"^5.0.0 || ^6.0.0 || ^7.0.0" from #typescript-eslint/eslint-plugin#4.28.5
npm ERR! node_modules/#typescript-eslint/eslint-plugin
npm ERR! dev #typescript-eslint/eslint-plugin#"^4.0.0" from the root project
npm ERR! peer #typescript-eslint/eslint-plugin#"^4.4.1" from eslint-config-airbnb-typescript#12.0.0
npm ERR! node_modules/eslint-config-airbnb-typescript
npm ERR! dev eslint-config-airbnb-typescript#"12.0.0" from the root project
npm ERR! 9 more (#typescript-eslint/experimental-utils, ...)
npm ERR!
Could not resolve dependency:
npm ERR! peer eslint#"^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0" from eslint-plugin-react-hooks#2.5.1
npm ERR! node_modules/eslint-plugin-react-hooks
npm ERR! dev eslint-plugin-react-hooks#"^2.3.0" from the root project
npm ERR! peer eslint-plugin-react-hooks#"^4 || ^3 || ^2.3.0 || ^1.7.0" from eslint-config-airbnb#18.2.0
npm ERR! node_modules/eslint-config-airbnb
npm ERR! eslint-config-airbnb#"18.2.0" from eslint-config-airbnb-typescript#12.0.0
npm ERR! node_modules/eslint-config-airbnb-typescript
ERR! dev eslint-config-airbnb-typescript#"12.0.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: eslint#6.8.0
npm ERR! node_modules/eslint
npm ERR! peer eslint#"^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0" from eslint-plugin-react-hooks#2.5.1
npm ERR! node_modules/eslint-plugin-react-hooks
npm ERR! dev eslint-plugin-react-hooks#"^2.3.0" from the root project
npm ERR! peer eslint-plugin-react-hooks#"^4 || ^3 || ^2.3.0 || ^1.7.0" from eslint-config-airbnb#18.2.0
node_modules/eslint-config-airbnb
npm ERR! eslint-config-airbnb#"18.2.0" from eslint-config-airbnb-typescript#12.0.0
npm ERR! node_modules/eslint-config-airbnb-typescript
npm ERR! dev eslint-config-airbnb-typescript#"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
to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /root/.npm/eresolve-report.txt for a full report.
I want to ignore these errors and go on with the possibly broken dependencies (as in npm install --force) but I'm not sure how I can to this with next build. (I've tried next build --force and it doesn't work.)
Related
npm install -D tailwindcss
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving:
react-google-login#5.2.2
npm ERR! Found: react#18.1.0
npm ERR! node_modules/react
npm ERR! peer react#">=16.8.0" from #react-oauth/google#0.2.8
npm ERR! node_modules/#react-oauth/google
npm ERR! #react-oauth/google#"^0.2.6" from the root project
npm ERR! peer react#"^17.0.2 || ^18.0.0-0" from next#12.1.6
npm ERR! node_modules/next
npm ERR! next#"12.1.6" from the root project
npm ERR! peer next#">=10.2.0" from eslint-config-next#12.1.6
npm ERR! node_modules/eslint-config-next
npm ERR! dev eslint-config-next#"12.1.6" from
the root project
npm ERR! 6 more (react-dom, react-icons, styled-jsx, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"^5.2.2" from the root project
npm ERR!
npm ERR! Conflicting peer
dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^16 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"^5.2.2" 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\visitor\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\visitor\AppData\Local\npm-cache_logs\2022-10-28T06_41_44_897Z-debug-0.log
I was expecting that Tailwind css to be installed
Try to install it using the legacy peer dependencies flag.
npm install -D tailwindcss --legacy-peer-deps
I have materials-ui already installed and when i tried to install other react packages im getting this error and nothing related to npm is working properly please help
PS
C:\Users\panna\OneDrive\Desktop\forms\google_form> npm install #mui/lab
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #material-ui/core#4.12.4
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! peer react#"^17.0.0 || ^18.0.0" from #mui/base#5.0.0-alpha.105
npm ERR! node_modules/#mui/base
npm ERR! #mui/base#"5.0.0-alpha.105" from #mui/material#5.10.13
npm ERR! node_modules/#mui/material
npm ERR! #mui/material#"^5.10.13" from the root project
npm ERR! 1 more (#mui/lab)
npm ERR! #mui/base#"5.0.0-alpha.105" from #mui/lab#5.0.0-alpha.107
npm ERR! node_modules/#mui/lab
npm ERR! #mui/lab#"*" from the root project
npm ERR! peer react#"^17.0.0 || ^18.0.0" from #mui/material#5.10.13
npm ERR! node_modules/#mui/material
npm ERR! #mui/material#"^5.10.13" from the root project
npm ERR! peer #mui/material#"^5.0.0" from #mui/lab#5.0.0-alpha.107
npm ERR! node_modules/#mui/lab
npm ERR! #mui/lab#"*" from the root project
npm ERR! 11 more (#mui/private-theming, #mui/styled-engine, #mui/system, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16.8.0 || ^17.0.0" from #material-ui/core#4.12.4
npm ERR! node_modules/#material-ui/core
npm ERR! peer #material-ui/core#"^4.0.0" from #material-ui/icons#4.11.3
npm ERR! node_modules/#material-ui/icons
npm ERR! #material-ui/icons#"^4.11.3" from the root project
npm ERR! #material-ui/core#"^4.12.4" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^16.8.0 || ^17.0.0" from #material-ui/core#4.12.4
npm ERR! node_modules/#material-ui/core
npm ERR! node_modules/#material-ui/icons
npm ERR! #material-ui/icons#"^4.11.3" from the root project
npm ERR! #material-ui/core#"^4.12.4" 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\panna\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\panna\AppData\Local\npm-cache\_logs\2022-11-13T18_48_18_070Z-debug-0.log
og
I tried uninstalling materials ui and many more thing whatever was availble on the net but couldnt find anything similar , it is my first time using reacts packages please help
This is because you are using React 18 with MUI v4
you can choose one of these approaches:
Update your MUI to v5
or
Downgrade your React Version to 17
or if you want to keep these version just simply use this flag --legacy-peer-deps
for example: npm install #mui/lab --legacy-peer-deps
then you can install everything
But Preferably Update your MUI to version 5.
I'm trying to use React mui rte from Here but when I tried npm install mui-rte --save its showing the below error:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: hiretripple#0.1.0
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! peer react#"^17.0.0 || ^18.0.0" from #mui/icons-material#5.8.4
npm ERR! node_modules/#mui/icons-material
npm ERR! #mui/icons-material#"^5.8.4" from the root project
npm ERR! peer #mui/icons-material#"^5.0.0" from mui-rte#2.0.1
npm ERR! node_modules/mui-rte
npm ERR! mui-rte#"*" from the root project
npm ERR! peer react#"^17.0.0 || ^18.0.0" from #mui/material#5.8.6
npm ERR! node_modules/#mui/material
npm ERR! #mui/material#"^5.8.5" from the root project
npm ERR! peer #mui/material#"^5.0.0" from mui-rte#2.0.1
npm ERR! node_modules/mui-rte
npm ERR! mui-rte#"*" from the root project
npm ERR! 1 more (#mui/icons-material)
npm ERR! 3 more (#emotion/react, #emotion/styled, react-dom)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^17.0.0" from #mui/styles#5.8.6
npm ERR! node_modules/#mui/styles
npm ERR! peer #mui/styles#"^5.0.0" from mui-rte#2.0.1
npm ERR! node_modules/mui-rte
npm ERR! mui-rte#"*" 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.
How can I resolve the problem? or is there any other best text editor that I can use?
You can install this package using
npm install --legacy-peer-deps
Then try to install your package
I have a problem with creating project with new react 18/ typescript and redux-toolkit.
I am trying to install #reduxjs/toolkit, but I see an error:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #reduxjs/toolkit#1.8.0
npm ERR! Found: react#18.0.0
npm ERR! node_modules/react
npm ERR! peer react#"*" from #testing-library/react#12.1.4
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^12.1.4" from the root project
npm ERR! peer react#"^18.0.0" from react-dom#18.0.0
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#"*" from #testing-library/react#12.1.4
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^12.1.4" from the root project
npm ERR! react-dom#"^18.0.0" from the root project
npm ERR! 2 more (react-scripts, the root project)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional react#"^16.9.0 || ^17.0.0 || 18.0.0-beta" from #reduxjs/toolkit#1.8.0
npm ERR! node_modules/#reduxjs/toolkit
npm ERR! #reduxjs/toolkit#"*" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peerOptional react#"^16.9.0 || ^17.0.0 || 18.0.0-beta" from #reduxjs/toolkit#1.8.0
npm ERR! node_modules/#reduxjs/toolkit
npm ERR! #reduxjs/toolkit#"*" 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.
This will be fixed by a new release in the next few days - until then you will have to run the command with --force or --legacy-peer-deps as shown in the command.
Edit: should be working now: https://twitter.com/acemarke/status/1509540340088328196
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