There seems to be an error in my setup. I am using Visual Studio Code with gitBash.
$ npm i mini-css-extract-plugin
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="107c7563637f7e3d25243d797e64627f3d6775726071737b50213e203e20">[email protected]</a>
npm ERR! Found: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="354250574554565e75011b01031b05">[email protected]</a>
npm ERR! node_modules/webpack
npm ERR! dev webpack@"^4.39.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^5.0.0" from <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2d40444344004e5e5e004855595f4c4e59005d41584a4443fd0f030f03">[email protected]</a>
npm ERR! node_modules/mini-css-extract-plugin
npm ERR! mini-css-extract-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\Smith\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\Smith\AppData\Local\npm-cache\_logs\2021-08-19T13_12_04_740Z-debug.log
I have included my package.json file below. Can you help me identify what might be causing the issue? How do I ensure version compatibility?
{ "name": "lesson-54-intro-webpack", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "webpack-dev-server", "build": "webpack" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "@babel/core": "^7.5.5", "@babel/preset-env": "^7.5.5", "autoprefixer": "^9.6.1", "babel-core": "^6.26.3", "babel-loader": "^8.0.6", "babel-polyfill": "^6.26.0", "css-loader": "^3.1.0", "file-loader": "^4.1.0", "html-webpack-plugin": "^3.2.0", "postcss-loader": "^3.0.0", "precss": "^4.0.0", "style-loader": "^0.23.1", "webpack": "^4.39.1", "webpack-cli": "^3.3.6", "webpack-dev-server": "^3.7.2" }, "dependencies": { "axios": "^0.19.0" } }