记录vscode运行项目报错的解决方案

一、Vue 相关

1、运行npm install 报错

使用的vue版本

 "vue": "2.6.12",
 "vue-router": "3.4.9"

报错

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve        
npm ERR! 
npm ERR! While resolving: less-loader@4.1.0
npm ERR! Found: less@4.1.3
npm ERR! node_modules/less
npm ERR!   less@"^4.1.3" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer less@"^2.3.1 || ^3.0.0" from less-loader@4.1.0
npm ERR! node_modules/less-loader
npm ERR!   less-loader@"^4.1.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: less@3.13.1
npm ERR! node_modules/less
npm ERR!   peer less@"^2.3.1 || ^3.0.0" from less-loader@4.1.0
npm ERR!   node_modules/less-loader
npm ERR!     less-loader@"^4.1.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.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! D:\nodejs\node_cache\_logs\2023-04-14T03_03_28_510Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: D:\nodejs\node_cache\_logs\2023-04-14T03_03_28_510Z-debug-0.log

解决方法

1.如果之前安装了其他较高版本的less-lodaer ，先卸载再安装

 npm uninstall less-loader

2.如果安装less，先卸载less再安装less-loader@4(less-loader版本需要根据自身需求选择)

npm uninstall less
npm install less-loader@4 -S