解决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 卸载不掉内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 如何使用ant-design-vue的Table组件

    如何使用ant-design-vue的Table组件

    这篇文章主要介绍了如何使用ant-design-vue的Table组件,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • Vue源码之rollup环境搭建步骤详解

    Vue源码之rollup环境搭建步骤详解

    这篇文章主要介绍了Vue源码之rollup环境搭建步骤详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • Vue简易版无限加载组件实现原理与示例代码

    Vue简易版无限加载组件实现原理与示例代码

    这篇文章主要给大家介绍了关于Vue简易版无限加载组件实现原理与示例代码的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友可以参考下
    2022-07-07
  • vite+vue3+tsx项目打包后动态路由无法加载页面的问题及解决

    vite+vue3+tsx项目打包后动态路由无法加载页面的问题及解决

    这篇文章主要介绍了vite+vue3+tsx项目打包后动态路由无法加载页面的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • vue路由插件之vue-route

    vue路由插件之vue-route

    这篇文章主要介绍了vue路由插件之vue-route的相关知识,本文通过实例代码给大家介绍了vue router的使用,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-06-06
  • vue如何实现el-select下拉选项的懒加载

    vue如何实现el-select下拉选项的懒加载

    这篇文章主要介绍了vue如何实现el-select下拉选项的懒加载,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • JavaScript实现简单的图片切换功能(实例代码)

    JavaScript实现简单的图片切换功能(实例代码)

    这篇文章主要介绍了JavaScript实现简单的图片切换功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2020-04-04
  • vue2移动端+swiper实现异形的slide方式

    vue2移动端+swiper实现异形的slide方式

    这篇文章主要介绍了vue2移动端+swiper实现异形的slide方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • vue2.0获取鼠标位置的方法

    vue2.0获取鼠标位置的方法

    今天小编就为大家分享一篇vue2.0获取鼠标位置的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • 浅谈Vuex注入Vue生命周期的过程

    浅谈Vuex注入Vue生命周期的过程

    这篇文章主要介绍了Vuex 注入 Vue 生命周期的过程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05

最新评论