Vue2更新到Vue3的踩坑


【问题:Vue2更新到Vue3操作失败,版本一直维持在Vue2.96】

【运行 vue ui 的时候后续报错【Failed to get response from https://registry.npm.taobao.org/vue-cli-version-marker】】

1.Vue2.96更新到Vue3/4的时候官方给的方法是这样的

 

 

 

 

2.执行了多次操作之后,发现自己的vue-V命令出来的vue-cli的版本还是2.9.6

方法一:清理缓存

---------------------------------------------------

安装更新之后 , 通过 vue -V  查看 vue-cli 安装的版本,如果版本没有发生变化,排除掉 npm 环境的问题,那么可能是因为缓存,

这时,需要清理缓存。注意:使用管理员身份运行此命令:[下面三个能运行成一个就行]

npm cache verify
npm cache clean
npm cache clean --force

然后再清除一次

npm uninstall vue-cli -g

重新下载 发现成功。

方法二:直接删除vue+vue.cmd文件【也是我个人的办法--血泪 找了n个钟头】

原因分析:vue -V打开的是的vue.cmd文件,它导向我们的vue包

1.找到你的npm的全局安装路径: 

使用 【下面两个任意一个】

npm config get prefix

npm root -g

可以查看当前npm安装全局环境时的本地路径 ,看到

 

 

 这堆带vue开头的文件 ,一律干掉  

PS:[优先干掉],然后用cmd窗口执行 where vue ,输出为空的时候可以忽略,有输出看PPS操作

 

PPS:如果找不到的话,用管理员打开cmd窗口,输入

where vue

然后根据它给的路径进行删除,然后再搜索 vue-version 发现无法识别vue关键字【删除成功拉】

接着直接下载 

cnpm install -g @vue/cli

vue-version

 

 

 恭喜你! 更新成功!

 

方法三:处理node等环境变量+npm下载地址导致的vue更新问题

这是我自己出现的比较复合的问题:  我的系统会一直去找不存在的目录,就是因为第一步的原因,删除了那堆vue开头的文件就结束了,

但是我安装【cnpm install -g @vue/cli】之后仍然显示找不到 vue关键字原因: npm或者cnpm安装路径的问题,就像下面这样,安装成功了,但是找不到

【后来知道:实际上是我修改过npm全局安装路径,然后它在生成了vue+vue.cmd文件,我没有注意到后来我又改了npm全局安装路径,导致下载的地方和找vue包的地方不一致】

 

 

【ps:我这里的是指向的快捷路径,历史遗留请忽略】

 

解决方法有:【这里把因为Node环境变量问题导致的无法更新一起加进来了】

1.找到node下载的目录文件,可以用 npm config ls 代码查看node的安装路径

 

 这里就是,然后复制一份进入系统环境变量设置

:我的电脑右击->打开属性->高级系统设置->环境变量->新建(用户变量下)->编辑变量名【Path】->变量值

 

 

 

 

 

 在path里添加你的node安装地址

 

2.修改npm安装的路径到cannot find module的地方:

npm config set prefix  你安排的的地址

 

注意哦:npm在下载的时候会自动在你设置的这个路径生成一个node_modules文件夹存放包,然后生成类似vue+vue.cmd之类的指向性文件来指引系统找包使用

这里顺便记得把缓存地址也带过去:

npm config set cache  你安排的的地址

 

 然后下载,查看版本号,成功!

 

补充:ERROR  Failed to get response from https://registry.npm.taobao.org/vue-cli-version-marker

运行vue ui的时候报错 ,无法找到响应源 

解决方法:
一:去C盘用户目录下我的是:C:\Users\1201删掉:.npmrc这个文件
二:C盘用户目录下,打开.vuerc文件,配置为"useTaobaoRegistry": true; (这个是
ERROR command failed: npm install --loglevel error --registry错误)
三:清除缓存:npm cache clean --force
四:在VScode(或者你的编辑器)中运行npm install --no-optional

原文链接:https://blog.csdn.net/qq_41373257/article/details/105262539

然后重新运行vue ui 无报错!

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM