npm install error while use webpack, Could not resolve dependency

The error as follows:

> npm install  npm ERR! code ERESOLVE  npm ERR! ERESOLVE unable to resolve dependency tree  npm ERR!   npm ERR! Found: webpack@3.12.0  npm ERR! node_modules/webpack  npm ERR!   dev webpack@"^3.5.6" from the root project  npm ERR!   peer webpack@"2 || 3 || 4" from _babel-loader@7.1.5@babel-loader@7.1.5  npm ERR!   node_modules/_babel-loader@7.1.5@babel-loader  npm ERR!   5 more (_html-webpack-plugin@2.30.1@html-webpack-plugin, ...)  npm ERR!   npm ERR! Could not resolve dependency:  npm ERR! peer webpack@"^2.0.0" from _strip-pragma-loader@1.0.0@strip-pragma-loader@1.0.0  npm ERR! node_modules/_strip-pragma-loader@1.0.0@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?

https://stackoverflow.com/questions/67052176/npm-install-error-while-use-webpack-could-not-resolve-dependency April 12, 2021 at 11:07AM