解决vue-cli 卸载不掉的问题

 更新时间:2023年01月12日 10:04:06   作者:小歪 | 前端  
这篇文章主要介绍了vue-cli 卸载不掉的问题解决方法,文中给大家介绍了安装后问题分析及解决方案,需要的朋友可以参考下

nodejs版本最好在v17以下,推荐使用v16.19.0

问题

由于项目需要旧版的 vue-cli ,所以需要事先卸载新版本;
运行命令全局卸载:

yarn global remove @vue/cli
// 查看当前版本确定是否卸载
vue --version

结果还是旧版本,使用 npm uninstall -g @vue/cli 依旧没有卸载掉;

解决方法

第一步:全局卸载旧版本

npm uninstall vue-cli -g

第二步:找到并删除.npmrc文件

// 查看文件位置:userconfig = “C:\Users\Administrator\.npmrc”
npm config ls -l

第三步:删vue原始文件:

// 找到当前安装位置,找到文件,删除
where vue

第四步:再次全局卸载,然后安装相应版本

npm uninstall -g @vue/cli

最后:安装vue-cli

// 最新版本
npm install -g @vue/cli

// 或
// x.x.x 为版本号
npm install -g @vue/cli@x.x.x

安装完成过后继续运行 vue --version 查看版本是否正确,必要时可以重新开一个终端再次查看是否安装成功。

安装后问题一

出现此报错解决

npm WARN config global `--global`, `--local` are deprecated. Use `--location

目标位置(你的node安装目录):C:\Program Files\nodejs
找到目录下的npm文件并打开,搜索prefix -g,将其替换为prefix --location=global,

NPM_PREFIX=`"$NODE_EXE" "$NPM_CLI_JS" prefix -g`
// 修改为
NPM_PREFIX=`"$NODE_EXE" "$NPM_CLI_JS" prefix --location=global`

如果提示没权限,那就得用管理员权限去操作。
修改完npm文件,再修改npm.cmd文件,这个文件需要注意的是,如果你改完保存不了,那么你可以尝试去右键打开它得属性==》安全,修改它的权限为【完全控制】,
这个文件修改的地方和npm文件一样,搜索prefix -g,并将其替换为prefix --location=global。
保存成功后,刷新运行这个cmd文件,然后你再cnpm -v或者npm -v就不会看见那个警告了。
最后一句:别忘了保存cmd文件后,把它的权限改回去。

安装后问题二

创建vue3时报错

info fsevents@2.3.2: The platform “win32“ is incompatible with this module.

解决方案:

// 安装yran 已经安装就直接运行解决报错的命令
npm install yarn -g
// 查看版本
yarn --version
// 解决报错
yarn config set ignore-engines true

到此这篇关于vue-cli 卸载不掉的问题解决的文章就介绍到这了,更多相关vue-cli 卸载不掉内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue的mixins属性详解

    vue的mixins属性详解

    这篇文章主要介绍了vue的mixins属性详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • Vue利用自定义指令实现按钮权限控制

    Vue利用自定义指令实现按钮权限控制

    这篇文章主要为大家详细介绍了Vue如何利用自定义指令实现按钮权限控制效果,文中的示例代码讲解详细,具有一定的学习价值,需要的可以参考下
    2023-05-05
  • Vue3中Composition的API用法详解

    Vue3中Composition的API用法详解

    这篇文章主要为大家详细介绍了Vue3中Composition的一些常见API的用法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-06-06
  • Element中Upload组件上传功能实现(图片和文件的默认上传及自定义上传)

    Element中Upload组件上传功能实现(图片和文件的默认上传及自定义上传)

    这篇文章主要介绍了Element中Upload组件上传功能实现包括图片和文件的默认上传及自定义上传,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-01-01
  • 前端JS也可以连点成线详解(Vue中运用AntVG6)

    前端JS也可以连点成线详解(Vue中运用AntVG6)

    这篇文章主要给大家介绍了关于前端JS连点成线(Vue中运用 AntVG6)的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2023-01-01
  • vue之字符串、数组之间的相互转换方式

    vue之字符串、数组之间的相互转换方式

    这篇文章主要介绍了vue之字符串、数组之间的相互转换方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-07-07
  • vue实现自定义树形组件的示例代码

    vue实现自定义树形组件的示例代码

    这篇文章主要介绍了vue实现自定义树形组件的示例代码,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-08-08
  • vue使用Vuex状态管理模式

    vue使用Vuex状态管理模式

    这篇文章介绍了vue使用Vuex状态管理模式的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • Vue如何使用ElementUI对表单元素进行自定义校验及踩坑

    Vue如何使用ElementUI对表单元素进行自定义校验及踩坑

    有一些验证不是通过input select这样的受控组件来触发验证条件的 ,可以通过自定义验证的方法来触发,下面这篇文章主要给大家介绍了关于Vue如何使用ElementUI对表单元素进行自定义校验及踩坑的相关资料,需要的朋友可以参考下
    2023-02-02
  • vue的$http的get请求要加上params操作

    vue的$http的get请求要加上params操作

    这篇文章主要介绍了vue的$http的get请求要加上params操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11

最新评论