问题再现：

练习Vue的时候，有时候需要安装一些新的工具，这时直接npm install 会出现一些错误

以下以暗转less-loader为例

PS E:\IdeaWorkSpace\WebstormProjects\example-vue2> npm install less less-loader --save-dev
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: example-vue2@0.1.0
npm ERR! Found: webpack@4.46.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^4.0.0" from @intervolga/optimize-cssnano-plugin@1.0.6
npm ERR!   node_modules/@intervolga/optimize-cssnano-plugin
npm ERR!     @intervolga/optimize-cssnano-plugin@"^1.0.5" from @vue/cli-service@4.5.15
npm ERR!     node_modules/@vue/cli-service
npm ERR!       peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli-plugin-babel@4.5.15
npm ERR!       node_modules/@vue/cli-plugin-babel
npm ERR!         dev @vue/cli-plugin-babel@"~4.5.15" from the root project
npm ERR!       4 more (@vue/cli-plugin-eslint, @vue/cli-plugin-router, ...)
npm ERR!   peer webpack@"^4.0.0 || ^5.0.0" from @soda/friendly-errors-webpack-plugin@1.8.1
npm ERR!   node_modules/@soda/friendly-errors-webpack-plugin
npm ERR!     @soda/friendly-errors-webpack-plugin@"^1.7.1" from @vue/cli-service@4.5.15
npm ERR!     node_modules/@vue/cli-service
npm ERR!       peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli-plugin-babel@4.5.15
npm ERR!       node_modules/@vue/cli-plugin-babel
npm ERR!         dev @vue/cli-plugin-babel@"~4.5.15" from the root project
npm ERR!       4 more (@vue/cli-plugin-eslint, @vue/cli-plugin-router, ...)
npm ERR!   19 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! dev less-loader@"8" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack@5.70.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^5.0.0" from less-loader@8.1.1
npm ERR!   node_modules/less-loader
npm ERR!     dev less-loader@"8" 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 D:\vue\node_cache\eresolve-report.txt for a full report.npm ERR! A complete log of this run can be found in:
npm ERR!     D:\vue\node_cache\_logs\2022-03-14T08_32_36_107Z-debug-0.log

原因一般是本地安装的webpack，npm，vue等可能不是最新版本，默认install只会安装最新版本，这时容易出错，如我这个就是因为webpack本地是4，而他要求是5以上的。
那么就寻找本地对应版本来再次尝试

查找less-loader版本

npm view less-loader versions

下载对应版本

npm install less less-loader@7 --save-dev

只需要在@后加上对应的大版本就可以下载该版本最后的版本

成功

Vue install 失败的一些解决办法相关推荐

Python pip install 下载出错的解决办法
Python pip install 下载出错的解决办法在Windows操作系统下,为Python IDLE 编译器安装扩展程序库的步骤可以查看链接:Python pip install 指令的使用 ...
使用webpack打包后，vscode中vue代码变白色的解决办法
使用webpack打包后,vscode中vue代码变白色的解决办法卸载vetur,重装vetur
电脑ping服务器显示传输失败,Win10系统ping时出现传输失败常见故障解决办法
Ping这个网络指令,在我们使用Windows的时候会经常用到,因为它可以快速检测电脑网络是否正常,设备之间的连接是否通畅,不过最近有用户在ping的时候出现"传输失败.常见故障." ...
(linux vm虚拟机网络连接失败，重启网卡失败原因及解决办法)
linux vm虚拟机网络连接失败,重启网卡失败原因及解决办法 0 .vm虚拟机下的网络三种连接方式详解 1. vm虚拟机以及宿主机没有vmnet1 vmnet8 网卡 2 网卡配置文件出错测试网络 ...
关于Navicat Premium连接Oracle数据库闪退（失败）的解决办法（带ocl.dll）
关于Navicat Premium连接Oracle数据库闪退(失败)的解决办法(带ocl.dll) 先下载这两个文件(oci.dll.sqlPlus) oci.dll:https://download ...
联想服务器系统初始化失败怎么回事,登陆进程初始化失败原因及解决办法
有时你即使是正常安装或重装系统也是会出现问题的,比如就有用户遇到"登陆进程初始化失败"错误,从而无法登录系统.那么登陆进程初始化失败是什么原因呢?以及登陆进程初始化失败有什么解决办 ...
雷蛇Razer鼠标固件升级失败后的解决办法
雷蛇Razer鼠标固件升级失败后的解决办法背景:昨天一同事说在家闲得蛋疼,刷鼠标固件.他的是炼狱蝰蛇套装的,结果把鼠标刷成砖头了.他把鼠标拿给我,让我给试试能不能刷回来. 过程: 接在电脑上没有任何 ...
星河战神显示服务器异常,星河战神更新失败无法更新解决办法
星河战神即将开启不删档测试,不少玩家都抢先进入游戏体验过了,但是在安装更新的时候出现了更新失败无法更新的问题,下面小编就为玩家们介绍一下星河战神更新失败无法更新的解决办法. 星河战神更新不了怎么解决: ...
服务商模式下微信小程序支付时，一直报“支付验证签名失败”错误的解决办法
在写小程序支付的时候,我是以服务商模式发起的支付,统一下单接口是调用成功的,但是在小程序调起支付的时候就报"支付验证签名失败"的错误. 主要有三个原因: 1.第二次签名用到的tim ...

Vue install 失败的一些解决办法

问题再现：

练习Vue的时候，有时候需要安装一些新的工具，这时直接npm install 会出现一些错误

以下以暗转less-loader为例

查找less-loader版本

成功

Vue install 失败的一些解决办法相关推荐

最新文章

热门文章