npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: meetwebpack@1.0.0 npm ERR! Found: webpack@3.12.0 npm ERR! dev webpack@"^3.6.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer webpack@"^5.0.0" from css-loader@6.5.1 npm ERR! node_modules/css-loader npm ERR! dev css-loader@"*" 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\Administrator\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\Administrator\AppData\Local\npm-cache_logs\2022-01-06T04_17_26_597Z-debug.log
PS D:\aboutVue\vuejs资料和代码\Day 04\课堂代码4\LearnVuejs04-v2\01-webpack的使用\033> npm i -D css-loader style-loader
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: meetwebpack@1.0.0
npm ERR! node_modules/webpack
npm ERR! dev webpack@"^3.6.0" from the root project
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^5.0.0" from css-loader@6.5.1
npm ERR! node_modules/css-loader
npm ERR! dev css-loader@"*" 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\Administrator\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\Administrator\AppData\Local\npm-cache_logs\2022-01-06T04_17_35_981Z-debug.log
发现问题
webpack版本问题，学习视频是之前的了，webpack版本和css-loader、style-loader版本不一样
解决问题
先卸载之前安装的版本 npm uninstall css-loader --save-dev
指定css-loader和style-loader版本安装 cnpm install css-loader@2.0.2 --save-dev
cnpm install style-loader@0.23.1 --save-dev
