安装@vue/cli时候，升级版本造成冲突的解决方法

已于 2023-12-21 10:17:03 修改
阅读量582 收藏 9
点赞数 5
分类专栏： 帮助陌生人少走弯路 文章标签： vue.js javascript 前端
于 2023-12-21 10:13:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40572023/article/details/135124147
版权

问题：原来是2.X版本，想要升级到4.5.9版本就出错了

npm install -g @vue/cli@4.5.9

在这里插入图片描述

错误原因：之前安装过vue的2.X版本，导致冲突的文件没有被正确删除

解决方法：安装且覆盖原来存在的文件

npm install -g @vue/cli@4.5.9 --force
  • 最后的@4.5.9用来指定版本
  • 这个指令在idea内有可能执行不了，由于权限问题，需要在管理员权限下打开cmd进行执行
狂野小白兔
关注
  • 5
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue版本冲突 解决 替换包
04-15
运行vue项目时，启动报错 error in ./~/[email protected]@element-ui/packages/form/src/label-wrap.vue Syntax Erroe:Unexpected token (20:14) ;； 将此压缩包解压到node_moudel里面找到 element-ui，替换即可
VUE版本冲突不兼容问题。
Anguscherry的博客
11-22 4299
VUE版本冲突不兼容问题。
Vue安装插件时候中遇到冲突依赖解决方案
m0_74099927的博客
09-27 842
npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!
vue3 npm 版本冲突报错问题解决方案
qq_48474084的博客
03-30 219
这种报错原因是npm 升级到7+版本后对各种包和插件的依赖版本有要求，那么一个vue项目依赖的包可多了，这么不可能一个一个去调整版本。最近在安装element-plus 插件的时候 发现版本老是报错，查了一下各位大佬的办法，发现说的还是比较模糊，经过多次尝试之后，成功解决。--legacy-peer-deps 即可解决。意思是绕过版本控制，自动兼容的意思。差不多就是这个意思吧。千万记住‘--’前要加空格，不然还是报错。如下图，成功引用了标签。
vue解决版本冲突
weixin_43963831的博客
08-06 1779
今天把之前写的项目重新拷贝了一份,然后要运行项目,结果一直报这个错,显示的是版本冲突,也是跟度娘请教半天,才发现是版本冲突.主要从这里看 两个不同的版本号 解决办法就两句话 然后项目就顺利运行了 ...
关于vue中因为版本冲突安装没有效果，问题总结
weixin_61189391的博客
03-07 2549
1.关于安装了vue3中element-ui的安装已经改为npm install --save element-plus了，就需要导入对应的css样式，引入了element-plus的样式报错。--save-dev时报错，并且在node_modules文件中没有找到。解决办法就是使用如下命令安装此版本的router。4.安装npm install。
运行Vue项目npm install失败解决方案
m0_46893049的博客
07-25 744
删除package-lock.json。
关于vue版本冲突的解决方法
weixin_72915158的博客
08-28 613
就是因为安装element-ui出现的版本冲突问题，使用如下命令就可以解决此问题。
vuevue常见的版本node.js冲突问题，教你一招
weixin_52332409的博客
05-17 809
这个时候一般都是版本出现了冲突，只要安装对应的版本就可以了，可以试一试。npm i --legacy-peer-deps一般可以解决。
记录vue版本冲突解决
weixin_45503320的博客
10-20 1272
记录vue版本错误
2023-04-17：vue_node_npm：Vue项目启动时依赖版本冲突问题
weixin_45805749的博客
04-17 1243
vue_node_npm：Vue项目启动时依赖版本冲突问题
Vue启动项目npm install提示版本冲突
weixin_61884232的博客
05-24 456
vue安装依赖 版本冲突
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
我的host设置 报错如下： 解决办法： @Vue/Cli 3 在vue.config.js里加上 .disableHostCheck(true) vue-cli 在webpack.dev.conf.js里加上 devServer: { disableHostCheck: true } 最后
Vue官方脚手架工具@vue/cli入门
01-08
全局安装@vue/cli npm install @vue/cli -g 全局安装完成之后，提供了一个 vue 的命令。使用 vue -V 来查看一下脚手架版本 在要创建项目的文件夹下使用 vue 命令创建一个项目，并选择配置。（注意，不要使用 git ...
NodeJS以及@vue/cli的安装
06-13
NodeJS以及@vue/cli的安装
全局安装@vue/cli 后vue -V不是内部或外部命令的有效解决办法
01-07
2，找到安装vue那个时间的vue.cmd文件，点击属性找到文件路径复制下来，注意一定是安装那个时间的vue.cmd。 3，桌面找到此电脑，右键点击选择属性-高级系统设置-环境变量（N）-系统变量-Path，双击打开后点击新建，...
使用@vue/cli脚手架vue create创建
最新发布
04-10
使用@vue/cli脚手架vue create创建
vue-cli4 项目搭建及初始化
renshaoqi的博客
12-17 1329
文章目录一 版本号二 安装2.1 安装 vue-cli2.2 安装 nodejs三 开始创建项目3.1 使用可视化ui界面创建项目 一 版本号 vue-cli 4.5.9 nodejs v14.9.0 二 安装 2.1 安装 vue-cli npm install @vue/cli -g 这里建议使用国内淘宝镜像下载，npm 是使用外国的资源，下载会很慢很慢… 安装淘宝镜像 npm install -g cnpm -registry=https://registry.npm.taobao.org
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @vue/cli[email protected] npm ERR! Found: @vue/cli[email protected] npm ERR! node_modules/@vue/cli-service npm ERR! dev @vue/cli-service@"^5.0.8" from the root project npm ERR! peer @vue/cli-service@"^3.0.0 || ^4.0.0 || ^5.0.0-0" from @vue/cli[email protected] npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev @vue/cli-plugin-babel@"^5.0.8" from the root project npm ERR! 3 more (@vue/cli-plugin-pwa, @vue/cli-plugin-router, @vue/cli-plugin-vuex) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli[email protected] npm ERR! node_modules/@vue/cli-plugin-vuex npm ERR! dev @vue/cli-plugin-vuex@"~4.4.0" from the root project npm ERR! npm ERR! Conflicting peer dependency: @vue/cli[email protected] npm ERR! node_modules/@vue/cli-service npm ERR! peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli[email protected] npm ERR! node_modules/@vue/cli-plugin-vuex npm ERR! dev @vue/cli-plugin-vuex@"~4.4.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! C:\Users\35514\AppData\Local\npm-cache\_logs\2023-06-08T07_30_06_817Z-eresolve-report.txt npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\35514\AppData\Local\npm-cache\_logs\2023-06-08T07_30_06_817Z-debug-0.log
06-09
这个错误提示中提到了两个问题： 1. 无法解析依赖关系。这可能是由于网络问题导致的，你可以尝试切换一下网络或者重新运行命令。 2. 存在依赖冲突。这个问题可能是由于你安装的不同模块之间依赖的版本不兼容导致的。你可以尝试以下方法来解决这个问题： - 使用 `npm install --force` 命令，强制安装模块。 - 升级或降级依赖的版本，让它们能够兼容。 - 删除 `node_modules` 目录，重新运行 `npm install` 命令。 如果以上方法都无法解决问题，你可以参考错误提示中提到的日志文件进行排查，或者将完整的错误信息和日志文件贴出来，这样我可以更好地帮助你。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

狂野小白兔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值