Dependency conflicts with webpack versions.

[MarleenSteinhoff]

The current project can not install the required packages due to package conflicts. npm audit fix --force could not resolve the errors. This problem occurs on Linux Fedora and Mac OS.

My stack trace for npm install is the following:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: html-webpack-plugin@5.5.3
npm ERR! Found: webpack@4.41.5
npm ERR! node_modules/webpack
npm ERR! dev webpack@"4.41.5" from the root project
npm ERR! peer webpack@">=2" from babel-loader@8.0.6
npm ERR! node_modules/babel-loader
npm ERR! dev babel-loader@"8.0.6" from the root project
npm ERR! 14 more (clean-webpack-plugin, copy-webpack-plugin, css-loader, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^5.20.0" from html-webpack-plugin@5.5.3
npm ERR! node_modules/html-webpack-plugin
npm ERR! dev html-webpack-plugin@"^5.5.3" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack@5.88.2
npm ERR! node_modules/webpack
npm ERR! peer webpack@"^5.20.0" from html-webpack-plugin@5.5.3
npm ERR! node_modules/html-webpack-plugin
npm ERR! dev html-webpack-plugin@"^5.5.3" 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.

Any idea how I could fix this?

[jminnick]

looks like the version of webpack needs updated in the config file.