無法解決依賴關系：npm ERR！ 來自 uglifyjs-webpack-plugin@2.2.0 的對等 webpack@"^4.0.0"

Question

這是我的錯誤的詳細信息：我的節點版本是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: uglifyjs-webpack-plugin@2.2.0
npm ERR! Found: webpack@5.51.1
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/configtest@1.0.4
npm ERR!   node_modules/@webpack-cli/configtest
npm ERR!     @webpack-cli/configtest@"^1.0.4" from webpack-cli@4.8.0
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 uglifyjs-webpack-plugin@2.2.0
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: webpack@4.46.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^4.0.0" from uglifyjs-webpack-plugin@2.2.0
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。或者如果您想使用uglifyjs-webpack-plugin ，請嘗試使用babel-minify-webpack-plugin或terser-webpack-plugin等其他插件來縮小 javascript專門用於最小化 javascript 代碼。

---

您可以查看uglifyjs-webpack-plugin的最后一個穩定版本是 3 年前，並且沒有記錄對 Webpack 5 的開發支持。