npm install error while use webpack, Could not resolve dependency

Question

The error as follows:

> npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! Found: [email protected]
npm ERR! node_modules/webpack
npm ERR!   dev webpack@"^3.5.6" from the root project
npm ERR!   peer webpack@"2 || 3 || 4" from [email protected]@[email protected]
npm ERR!   node_modules/[email protected]@babel-loader
npm ERR!   5 more ([email protected]@html-webpack-plugin, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^2.0.0" from [email protected]@[email protected]
npm ERR! node_modules/[email protected]@strip-pragma-loader
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/agou-ops/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/agou-ops/.npm/_logs/2021-04-12T02_49_11_062Z-debug.log

debug.log file content:

packge version and system

• npm: 7.6.3
• webpack: 3.12.0
• system: Ubuntu 20.04

How should I fix it?

Answer 1

npm@7 has stricter dependency resolution than previous versions. If you can update the version of webpack in your root project, that may resolve it. An alternative easy quick thing to try is npm install --legacy-peer-deps.

Answer 2

I met the same problem.

try to run the command with --force , if you don't use the related package.

e.g.

npm install --verbose --force