node.js - 无法解析来自 uglifyjs-webpack-plugin@2.2.0 的依赖项 : npm ERR! 对等 webpack @"^4.0.0"

Question

这是我错误的详细信息: 我的 Node 版本是16.13.0，npm 是8.12.1。

PS D:\ShowCase> npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e194868d8887988b92cc9684839180828acc918d9486888fa1d3cfd3cfd1" rel="noreferrer noopener nofollow">[email protected]</a>
npm ERR! Found: <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cfb8aaadbfaeaca48ffae1fafee1fe" rel="noreferrer noopener nofollow">[email protected]</a>
npm ERR! node_modules/webpack
npm ERR!   dev webpack@"^5.47.1" from the root project
npm ERR!   peer webpack@"4.x.x || 5.x.x" from @webpack-cli/<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="482b27262e212f3c2d3b3c08796678667c" rel="noreferrer noopener nofollow">[email protected]</a>
npm ERR!   node_modules/@webpack-cli/configtest
npm ERR!     @webpack-cli/configtest@"^1.0.4" from <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c0b7a5a2b0a1a3abeda3aca980f4eef8eef0" rel="noreferrer noopener nofollow">[email protected]</a>
npm ERR!     node_modules/webpack-cli
npm ERR!       dev webpack-cli@"^4.7.2" from the root project
npm ERR!       3 more (@webpack-cli/configtest, @webpack-cli/info, @webpack-cli/serve)
npm ERR!   8 more (babel-loader, css-loader, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.0.0" from <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f085979c9996899a83dd8795928091939bdd809c8597999eb0c2dec2dec0" rel="noreferrer noopener nofollow">[email protected]</a>
npm ERR! node_modules/uglifyjs-webpack-plugin
npm ERR!   dev uglifyjs-webpack-plugin@"^2.2.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5e293b3c2e3f3d351e6a706a68706e" rel="noreferrer noopener nofollow">[email protected]</a>
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^4.0.0" from <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="92e7f5fefbf4ebf8e1bfe5f7f0e2f3f1f9bfe2fee7f5fbfcd2a0bca0bca2" rel="noreferrer noopener nofollow">[email protected]</a>
npm ERR!   node_modules/uglifyjs-webpack-plugin
npm ERR!     dev uglifyjs-webpack-plugin@"^2.2.0" from the root project
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.

如果有人遇到同样的问题，请告诉我。 提前致谢。

Answer 1

uglifyjs-webpack-plugin 可以在 Webpack 4 上正常工作，但不适用于 Webpack 5。由于该插件没有计划用于 Webpack 5，因此您最好将 Webpack 从 5 降级到 4。或者尝试其他插件，例如 babel-minify-webpack-plugin 或 terser-webpack-plugin > 如果您想专门使用 uglifyjs-webpack-plugin 来最小化 javascript 来最小化 javascript 代码。

---

您可以查看 uglifyjs-webpack-plugin 的最新稳定版本是 3 年前的事了，还没有针对 Webpack 5 的开发支持记录。