Conflicting peer dependency: eslint#8.12.0 #typescript-eslint/eslint-plugin#5.16.0 - node.js

I don't get this, all of the versions seem compatible to me, what am I missing? how do I fix this so I can successfully dedupe? monorepo using npm workspaces. I've been holding back on upgrading to eslint 8 due to intellij incompatablities
❯ npm dedupe
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #typescript-eslint/eslint-plugin#5.16.0
npm ERR! Found: eslint#7.32.0
npm ERR! node_modules/eslint
npm ERR! peer eslint#"*" from #angular-eslint/builder#12.4.1
npm ERR! node_modules/#angular-eslint/builder
npm ERR! dev #angular-eslint/builder#"12.4.1" from front-end#0.0.0
npm ERR! front-end
npm ERR! front-end#0.0.0
npm ERR! node_modules/front-end
npm ERR! workspace front-end from the root project
npm ERR! peer eslint#"*" from #angular-eslint/eslint-plugin#12.4.1
npm ERR! node_modules/#angular-eslint/eslint-plugin
npm ERR! #angular-eslint/eslint-plugin#"12.4.1" from #angular-eslint/schematics#12.4.1
npm ERR! node_modules/#angular-eslint/schematics
npm ERR! dev #angular-eslint/schematics#"12.4.1" from front-end#0.0.0
npm ERR! front-end
npm ERR! front-end#0.0.0
npm ERR! node_modules/front-end
npm ERR! dev #angular-eslint/eslint-plugin#"12.4.1" from front-end#0.0.0
npm ERR! front-end
npm ERR! front-end#0.0.0
npm ERR! node_modules/front-end
npm ERR! workspace front-end from the root project
npm ERR! 51 more (#angular-eslint/eslint-plugin-template, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer eslint#"^6.0.0 || ^7.0.0 || ^8.0.0" from #typescript-eslint/eslint-plugin#5.16.0
npm ERR! back-end/node_modules/#typescript-eslint/eslint-plugin
npm ERR! dev #typescript-eslint/eslint-plugin#"~5.16" from back-end#0.0.0
npm ERR! back-end
npm ERR! back-end#0.0.0
npm ERR! node_modules/back-end
npm ERR! workspace back-end from the root project
npm ERR!
npm ERR! Conflicting peer dependency: eslint#8.12.0
npm ERR! node_modules/eslint
npm ERR! peer eslint#"^6.0.0 || ^7.0.0 || ^8.0.0" from #typescript-eslint/eslint-plugin#5.16.0
npm ERR! back-end/node_modules/#typescript-eslint/eslint-plugin
npm ERR! dev #typescript-eslint/eslint-plugin#"~5.16" from back-end#0.0.0
npm ERR! back-end
npm ERR! back-end#0.0.0
npm ERR! node_modules/back-end
npm ERR! workspace back-end from the root project

Related

My React App is giving this error whenever I try to install any dependencies?

React App is giving this error whenever i try to install any dependency and also tried
uninstall and reinstall NodeJs but its not working. Its very difficult to distinguish error whats happening.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-dfb#1.0.4
npm ERR! Found: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"*" from #testing-library/react#11.2.7
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^11.2.7" 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! 10 more (react-device-detect, react-dom, react-h5-audio-player, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"~16.0.0" from react-dfb#1.0.4
npm ERR! node_modules/react-dfb
npm ERR! react-dfb#"^1.0.4" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#16.0.0
npm ERR! node_modules/react
npm ERR! peer react#"~16.0.0" from react-dfb#1.0.4
npm ERR! node_modules/react-dfb
npm ERR! react-dfb#"^1.0.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\Md Yasin Ansari\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\Md Yasin Ansari\AppData\Local\npm-cache\_logs\2022-11-13T12_55_52_296Z-debug-0.log

how to read the dependencies conflicting report

most resources in the internet and answers in stackoverflow just mention to add --force to npm install
I want to be able to determine which peerDependency conflicts with which one.
this is an example that I recently encountered, but if you have another conflicting report, it is welcome
npm ERR!
npm ERR! While resolving: #engineers/ngx-content-core#1.1.2
npm ERR! Found: #engineers/ngx-utils#1.1.1
npm ERR! node_modules/#engineers/ngx-utils
npm ERR! workspace packages\ngx-utils from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! #engineers/ngx-utils#"1.1.0" from #engineers/ngx-content-core#1.1.2
npm ERR! packages/ngx-content-core
npm ERR! #engineers/ngx-content-core#1.1.2
npm ERR! node_modules/#engineers/ngx-content-core
npm ERR! workspace packages\ngx-content-core from the root project
npm ERR!
npm ERR! Conflicting peer dependency: #angular/core#14.2.2
npm ERR! node_modules/#angular/core
npm ERR! peer #angular/core#"14.2.2" from #angular/common#14.2.2
npm ERR! node_modules/#angular/common
npm ERR! peer #angular/common#"^14.0.6" from #engineers/ngx-utils#1.1.0
npm ERR! node_modules/#engineers/ngx-utils
npm ERR! #engineers/ngx-utils#"1.1.0" from #engineers/ngx-content-core#1.1.2
npm ERR! packages/ngx-content-core
npm ERR! #engineers/ngx-content-core#1.1.2
npm ERR! node_modules/#engineers/ngx-content-core
npm ERR! peer #angular/common#"14.2.2" from #angular/platform-browser#14.2.2
npm ERR! node_modules/#angular/platform-browser
npm ERR! peer #angular/platform-browser#"^14.0.6" from #engineers/ngx-content-core#1.1.2
npm ERR! packages/ngx-content-core
npm ERR! #engineers/ngx-content-core#1.1.2
npm ERR! node_modules/#engineers/ngx-content-core

npm install command is showing too many error message

I need to install node in my project by running this command:
npm install
But after run this command I am getting this error message:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: browser-sync-webpack-plugin#2.0.1
npm ERR! Found: webpack#4.46.0
npm ERR! node_modules/webpack
npm ERR! peer webpack#"^4.0.0" from #intervolga/optimize-cssnano-plugin#1.0.6
npm ERR! node_modules/#intervolga/optimize-cssnano-plugin
npm ERR! #intervolga/optimize-cssnano-plugin#"^1.0.5" from #vue/cli-service#4.5.17
npm ERR! node_modules/#vue/cli-service
npm ERR! dev #vue/cli-service#"~4.5.13" from the root project
npm ERR! 5 more (#vue/cli-plugin-babel, #vue/cli-plugin-eslint, ...)
npm ERR! peer webpack#"^4.0.0 || ^5.0.0" from #soda/friendly-errors-webpack-plugin#1.8.1
npm ERR! node_modules/#soda/friendly-errors-webpack-plugin
npm ERR! #soda/friendly-errors-webpack-plugin#"^1.7.1" from #vue/cli-service#4.5.17
npm ERR! node_modules/#vue/cli-service
npm ERR! dev #vue/cli-service#"~4.5.13" from the root project
npm ERR! 5 more (#vue/cli-plugin-babel, #vue/cli-plugin-eslint, ...)
npm ERR! 28 more (#vue/cli-plugin-babel, #vue/cli-plugin-eslint, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack#"^1 || ^2 || ^3" from browser-sync-webpack-plugin#2.0.1
npm ERR! node_modules/browser-sync-webpack-plugin
npm ERR! browser-sync-webpack-plugin#"2.0.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack#3.12.0
npm ERR! node_modules/webpack
npm ERR! peer webpack#"^1 || ^2 || ^3" from browser-sync-webpack-plugin#2.0.1
npm ERR! node_modules/browser-sync-webpack-plugin
npm ERR! browser-sync-webpack-plugin#"2.0.1" 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 /Users/hello/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/hello/.npm/_logs/2022-10-06T12_31_49_438Z-debug-0.log
Would you please tell me why it's showing this error message and how can I solve it ?
Run npm install --legacy-peer-deps
This question has already been answered here.

react-router-dom ERESOLVE could not resolve

I tried to install the react-router-dom for my mernstack ecommerce website.It got error like this. I tried lot of methods to installing this .But I couldn't.My mernstack application is ecommerce website.
PS A:\my react\mernstack ecommerce\E-Commerce> npm install --save react-router-dom
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: e-commerce#1.0.0
npm ERR! Found: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^0.14.9 || ^15.3.0 || ^16.0.0 || ^17.0.0" from #redux-
devtools/core#3.11.0
npm ERR! node_modules/#redux-devtools/core
npm ERR! dev #redux-devtools/core#"^3.11.0" from the root project
npm ERR! peer react#"^16.8.3 || ^17 || ^18" from react-redux#7.2.8
npm ERR! node_modules/react-redux
npm ERR! peer react-redux#"^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0" from #redux-
devtools/core#3.11.0
npm ERR! node_modules/#redux-devtools/core
npm ERR! dev #redux-devtools/core#"^3.11.0" from the root project
npm ERR! react-redux#"^7.2.8" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! react-router-dom#"*" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#18.0.0
npm ERR! node_modules/react
npm ERR! peer react#"^18.0.0" from react-dom#18.0.0
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#">=16.8" from react-router-dom#6.3.0
npm ERR! node_modules/react-router-dom
npm ERR! react-router-dom#"*" 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\Kavindra\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\Kavindra\AppData\Local\npm-cache\_logs\2022-04-14T10_55_52_941Z-
debug-0.log
PS A:\my react\mernstack ecommerce\E-Commerce>

Version Issue in integrating mobx-react in app

I received this error for my app sample-login-page while running npm update
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: sample-login-page#1.0.0
npm ERR! Found: mobx-react#5.4.4
npm ERR! node_modules/mobx-react
npm ERR! mobx-react#"5.4.4" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer mobx-react#"^4.3.5" from bernie-core#0.41.4
npm ERR! node_modules/bernie-core
npm ERR! peer bernie-core#">=0.24.7" from bernie-test-util#0.35.4
npm ERR! node_modules/bernie-test-util
npm ERR! dev bernie-test-util#"0.35.4" from the root project
npm ERR! peer bernie-core#">=0.25.0" from #gc/global-controls-store#0.1.3
npm ERR! node_modules/#gc/global-controls-store
npm ERR! #gc/global-controls-store#"^0.1.3" from the root project
npm ERR! 1 more (bernie-test-util)
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
After upgrading mobx-react by npm install mobx-react --save I came up with same errors.
After installing mobx-react with specifically required version npm i mobx-react#4.3.5. Below error is coming up
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: sample-login-page#1.0.0
npm ERR! Found: mobx#4.15.4
npm ERR! node_modules/mobx
npm ERR! mobx#"4.15.4" from the root project
npm ERR! peer mobx#"^3.4.1 || ^4.0.0" from bernie-core#0.41.4
npm ERR! node_modules/bernie-core
npm ERR! peer bernie-core#">=0.24.7" from bernie-test-util#0.35.4
npm ERR! node_modules/bernie-test-util
npm ERR! dev bernie-test-util#"0.35.4" from the root project
npm ERR! peer bernie-core#">=0.25.0" from #gc/global-controls-store#0.1.3
npm ERR! node_modules/#gc/global-controls-store
npm ERR! #gc/global-controls-store#"^0.1.3" from the root project
npm ERR! 1 more (bernie-test-util)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer mobx#"^2.6.3 || ^3.0.0" from mobx-react#4.3.5
npm ERR! node_modules/mobx-react
npm ERR! mobx-react#"4.3.5" from the root project
npm ERR! peer mobx-react#"^4.3.5" from bernie-test-util#0.35.4
npm ERR! node_modules/bernie-test-util
npm ERR! dev bernie-test-util#"0.35.4" from the root project
npm ERR! 2 more (#gc/global-controls-store, bernie-core)
Can someone help me out with suggestions around this?
You can run this :
npm install mobx-react --save --legacy-peer-deps

Resources