title: npm install error while use webpack, Could not resolve dependency
body: <p>The error as follows:</p>
  <pre class="lang-sh prettyprint-override"><code>&gt; 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@&quot;^3.5.6&quot; from the root project
  npm ERR!   peer webpack@&quot;2 || 3 || 4&quot; 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@&quot;^2.0.0&quot; 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
  </code></pre>
  <p><code>debug.log</code> file content:
  <a href="https://i.stack.imgur.com/15mfZ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/15mfZ.png" alt="enter image description here" /></a></p>
  <p>packge version and system</p>
  <ul>
  <li>npm: 7.6.3</li>
  <li>webpack: 3.12.0</li>
  <li>system: Ubuntu 20.04</li>
  </ul>
  <p>How should I fix it?</p>