'Fix the upstream dependency conflict installing NPM packages

Trying to npm install vue-mapbox mapbox-gl and I'm getting a dependency tree error.

I'm running Nuxt SSR with Vuetify, and haven't installed anything related to Mapbox prior to running this install and getting this error.

38 error code ERESOLVE
39 error ERESOLVE unable to resolve dependency tree
40 error
41 error While resolving: [1mexample[22m@[1m1.0.0[22m
41 error Found: [1mmapbox-gl[22m@[1m1.13.0[22m[2m[22m
41 error [2mnode_modules/mapbox-gl[22m
41 error   [1mmapbox-gl[22m@"[1m^1.13.0[22m" from the root project
41 error
41 error Could not resolve dependency:
41 error [35mpeer[39m [1mmapbox-gl[22m@"[1m^0.53.0[22m" from [1mvue-mapbox[22m@[1m0.4.1[22m[2m[22m
41 error [2mnode_modules/vue-mapbox[22m
41 error   [1mvue-mapbox[22m@"[1m*[22m" from the root project
41 error
41 error Fix the upstream dependency conflict, or retry
41 error this command with --force, or --legacy-peer-deps
41 error to accept an incorrect (and potentially broken) dependency resolution.
41 error
41 error See /Users/user/.npm/eresolve-report.txt for a full report.
42 verbose exit 1

What's the right way to go about fixing this upstream dependency conflict?

Solution 1:^[1]

Looks like it's a problem with Peer Dependencies in the latest version of npm (v7) which is still a beta version. try with npm install --legacy-peer-deps for detail info check this https://blog.npmjs.org/post/626173315965468672/npm-v7-series-beta-release-and-semver-major

Solution 2:^[2]

Use --legacy-peer-deps after npm install. For example, if you want to install radium, use:

npm install --legacy-peer-deps --save radium

Solution 3:^[3]

There are TWO ways:

use npm install --legacy-peer-deps to install, and if this doesn't work use
force method. add --force next to npm install: npm install --force

Solution 4:^[4]

until npm version 7.19.1 still have same issue, after upgraded to version 7.20.3 use command npm install -g npm@latest and npm audit fix all pkgs fixed without error.

Solution 5:^[5]

You can follow this command

first type:

npm config set legacy-peer-deps true

then type:

npx create-react-app my-app

Solution 6:^[6]

delete the package-lock.json file
modify the package.json , updating the version as indicated by the peer dependancy
run npm install or npm udpate

Solution 7:^[7]

To Solve Fix the upstream dependency conflict installing NPM packages Error

Method 1. Just Use --legacy-peer-deps after npm install.

For example, if you want to install axios, use

npm install --legacy-peer-deps --save axios.

Method 2. Updating npm and audit fix

npm I -g npm@latest
npm audit fix --force

Method 3. using --force to install packages

npm install axios --force

Solution 8:^[8]

I tried multiple ways but nothing was working for me. At last tried this and it worked npm config set legacy-peer-deps true Run this in the project folder and then try to install any package. Might work for you as well

Solution 9:^[9]

I have downgraded my node version to 10.23.1 it worked fine.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Sultan Maulana
Solution 2	Tomerikoo
Solution 3	jasie
Solution 4	StupiCode
Solution 5	Jakub Kurdziel
Solution 6	Matoeil
Solution 7	DharmanBot
Solution 8
Solution 9	yogesh cl

'Fix the upstream dependency conflict installing NPM packages

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Solution 5:[5]

Solution 6:[6]

Solution 7:[7]

Solution 8:[8]

Solution 9:[9]