Reputation: 1431
My error when trying to install npm install --save-dev optimize-css-assets-webpack-plugin
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/webpack
npm ERR! dev webpack@"^5.33.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.0.0" from [email protected]
npm ERR! node_modules/optimize-css-assets-webpack-plugin
npm ERR! dev optimize-css-assets-webpack-plugin@"*" 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.
npm ERR!
npm ERR! See C:\Users\danie\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\danie\AppData\Local\npm-cache\_logs\2021-04-16T17_32_37_320Z-debug.log
I have already updated webpack and npm. I checked the installation page and it mentions that I should have the most recent webpack. Any ideas?
Upvotes: 7
Views: 8089
Reputation: 373
Adding to @pythonNovice, my config is as follows:
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const CssMinimizerPlugin = require("css-minimizer-webpack-plugin")
...
//const OptimizeCssAssetsPlugin = require("optimize-css-assets-webpack-plugin")
In the optimization section:
minimize: true,
minimizer: [
new TerserPlugin(), // optional
new CssMinimizerPlugin()
//new OptimizeCSSAssetsPlugin({
],
Upvotes: 3
Reputation: 1
npm install --save-dev optimize-css-assets-webpack-plugin --legacy-peer-deps
Upvotes: 0
Reputation: 1431
From going to the github repo, they actually mention to use css-minimizer-webpack-plugin for webpack 5.0
Upvotes: 17