关于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+element UI实现树形表格

    vue+element UI实现树形表格

    这篇文章主要为大家详细介绍了vue+element UI实现树形表格,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • vuex如何在非组件中调用mutations方法

    vuex如何在非组件中调用mutations方法

    这篇文章主要介绍了vuex如何在非组件中调用mutations方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-03-03
  • vue项目element UI 版本升级过程遇到的问题及解决方案

    vue项目element UI 版本升级过程遇到的问题及解决方案

    这篇文章主要介绍了vue项目element UI 版本升级过程遇到的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • Vue vxe-table使用问题收录小结

    Vue vxe-table使用问题收录小结

    这篇文章主要为大家介绍了Vue vxe-table使用问题收录小结,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • vue scoped与深度选择器deep的原理分析

    vue scoped与深度选择器deep的原理分析

    这篇文章主要介绍了vue scoped与深度选择器deep的原理分析,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • vue3实现局部页面刷新效果的示例详解

    vue3实现局部页面刷新效果的示例详解

    这篇文章主要为大家详细介绍了vue3如何采用 App.vue定义全局变量与方法并实现局部页面刷新效果,文中的示例代码讲解详细,需要的可以参考一下
    2024-01-01
  • vue中组件传值的常见方式小结

    vue中组件传值的常见方式小结

    在 Vue.js 中,组件之间的数据传递是一个常见的需求,Vue 提供了多种方法来实现这一目标,包括 props、全局事件总线、消息的订阅与发布等,下面我们就来学习一下这些方法的具体实现吧
    2023-12-12
  • vue-cli+webpack项目 修改项目名称的方法

    vue-cli+webpack项目 修改项目名称的方法

    下面小编就为大家分享一篇vue-cli+webpack项目 修改项目名称的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • Vue项目利用axios请求接口下载excel

    Vue项目利用axios请求接口下载excel

    这篇文章主要为大家详细介绍了Vue项目利用axios请求接口下载excel,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • 如何配置vue.config.js 处理static文件夹下的静态文件

    如何配置vue.config.js 处理static文件夹下的静态文件

    这篇文章主要介绍了如何配置vue.config.js 处理static文件夹下的静态文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06

最新评论