关于Vue ui 的没反应、报错问题解决总结

 更新时间:2022年09月23日 16:21:11   作者:AC_meimei  
这篇文章主要介绍了关于Vue ui 的没反应、报错问题解决总结,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

Vue ui 的没反应、报错问题

一、vue ui 启动出现的报错问题

vue ui 输入后 回车没反应?

cmd 输入: vue ui // 没反应

原因一:安装的 nodejs 和 node_modules(有npm) 没有在同一个目录下; 安装时会默认安装在"C:\Program Files…"里的。 解决:

(1)卸载重新安装在指定的目录下;

(2) 把npm的文件复制到 node_modules里来(不太建议)。

原因二:在Commands:下面你没有 ui [options],可以用 vue-h 查看你的有没有?

解决: cmd 输入:

cnpm i -g @vue/cli// 回车vue -h// 这时有ui[options]了

再 cmd 输入:

vue ui 回车 // 先看看是否可以成功?

情况一:不成功!报错了!

原因1:npm文件没有在"…\nodejs\node_modules"里面,可以把npm文件复制到node_modules里;

原因2:vue的版本低于3.0.0了;

原因3:可能是在 “”环境配置” 时弄错了,回头再检查一遍配置好的;

解决:

在 我的电脑—>右击、属性—>高级系统设置—>环境变量—>系统变量—>Path

等一下可以直接复制我这两句:

  • C:\Windows\System32
  • %SystemRoot%\system32;

在cmd输入:vue ui 就可以成功启动Vue项目管理器了!

情况二:成功打开Vue项目管理器!可以开启你的项目之旅了~

Vue ui无法启动项目管理器

vue ui无法启动

原因

检查vue cli版本过低,vue cli低于3以下没有此功能

遇到版本低的解决方案

1、查看vue的版本(查看版本V一定是大写)

vue -V

2.查看完版本之后,再查看vue是否有ui功能

vue -h

!

没有ui功能的解决方法

1.卸载vue cil老版本

npm uninstall vue-cli -g

如图所示老版本已经卸载完成啦!!!

2.卸载完毕之后,下载vue cil3的新版本

npm install @vue/cli -g

3.前两步完成后就可以在cmd中进行启动vue ui啦!!!(在cmd中使用管理员身份进行登录输入vue ui命令哦)

vue ui

跟着以上的步骤一一操作即可解决vue ui无法启动的问题啦

打开Vue项目管理器成功,收工!!! 

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue项目中使用pinyin转换插件方式

    vue项目中使用pinyin转换插件方式

    这篇文章主要介绍了vue项目中使用pinyin转换插件方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • Vue中select下拉框的默认选中项的三种情况解读

    Vue中select下拉框的默认选中项的三种情况解读

    这篇文章主要介绍了Vue中select下拉框的默认选中项的三种情况解读,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-05-05
  • Vue封装localStorage设置过期时间的示例详解

    Vue封装localStorage设置过期时间的示例详解

    这篇文章主要介绍了Vue封装localStorage设置过期时间的相关资料,在这个示例中,我们在MyComponent.vue组件的setup函数中导入了setItemWithExpiry和getItemWithExpiry函数,并在函数内部使用它们来设置和获取带有过期时间的localStorage数据,需要的朋友可以参考下
    2024-06-06
  • Vue事件处理原理及过程详解

    Vue事件处理原理及过程详解

    这篇文章主要介绍了vue事件处理原理及过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03
  • Vue v-model实现案例介绍

    Vue v-model实现案例介绍

    v-model就是vue的双向绑定的指令,能将页面上控件输入的值同步更新到相关绑定的data属性,也会在更新data绑定属性时候,更新页面上输入控件的值
    2022-09-09
  • 如何换个角度使用VUE过滤器详解

    如何换个角度使用VUE过滤器详解

    这篇文章主要给大家介绍了如何换个角度使用VUE过滤器的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用VUE具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • vue中如何使用math.js

    vue中如何使用math.js

    这篇文章主要介绍了vue中如何使用math.js问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-05-05
  • vue+ts大文件切片上传的实现示例

    vue+ts大文件切片上传的实现示例

    在Vue项目中,大图片和多数据Excel等大文件的上传是一个非常常见的需求,本文主要介绍了vue+ts大文件切片上传,具有一定的参考价值,感兴趣的可以了解一下
    2024-01-01
  • vue中父子组件的参数传递和应用示例

    vue中父子组件的参数传递和应用示例

    这篇文章主要介绍了vue中父子组件的参数传递和应用示例,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2021-01-01
  • Vue环境搭建报错整理大全

    Vue环境搭建报错整理大全

    开发中遇到bug是在正常不过了,而程序也基本都是bug堆里爬出来的,对于程序员来说bug调试也是自己工作的重要组成部分,下面这篇文章主要给大家介绍了关于Vue环境搭建报错整理的相关资料,需要的朋友可以参考下
    2022-08-08

最新评论