[解決済み] NPM パッケージをインストールする際の上流依存関係の衝突を修正しました。

質問

npm install vue-mapbox mapbox-glをインストールしようとすると、dependency tree errorと表示されます。

Nuxt SSR with Vuetifyを使用しており、このインストールを実行する前にMapboxに関連するものは何もインストールしておらず、このエラーが発生しました。

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

この上流の依存関係の衝突を解決するには、どのような方法が正しいのでしょうか？

どのように解決するのですか？

まだベータ版である npm の最新版 (v7) の Peer Dependencies に問題があるようです。 npm install --legacy-peer-deps 詳しくはこちらをご覧ください。 https://blog.npmjs.org/post/626173315965468672/npm-v7-series-beta-release-and-semver-major