vue安装遇到的5个报错及解决方法


Posted in Javascript onJune 12, 2019

前言

这篇博文不会教你怎么安装vue,但会告知安装过程中可能遇到的5个问题

5个报错

①:若使用vue -V查询是否安装vue时提示没有找到指令,可能是你没有安装vue-cli脚手架(vue-cli可快速创建vue项目)

     vue安装遇到的5个报错及解决方法   vue安装遇到的5个报错及解决方法

②:vue安装淘宝镜像时报错,提示无效的配置,必须是完整合法的http地址,原因是我在url前面加了1个空格,这里不要有空格

注:安装淘宝镜像后,需要用到npm的地方都可以用cnpm替换,但建议安装模块和插件用cnpm,打包和启动vue用npm

(cnpm是国内镜像,npm服务器在国外,固cnpm安装速度更快,但可能出现更新不及时导致出现一些不可预料的问题)

vue安装遇到的5个报错及解决方法

③:若直接使用 npm run dev 命令运行会报错,提示没有这样的文件或目录,需要先创建一个项目 

vue安装遇到的5个报错及解决方法

使用vue init webpack vue_test(vue_test为项目名称)创建项目,然后根据需要来选择,

没有出现(Y/n)让你选择是否安装的选项直接回车即可,Y为安装,n为不安装

vue安装遇到的5个报错及解决方法

④:若进入项目目录,输入npm run dev后提示没有找到该项目,说明你的项目路径有误,检查项目路径和输入命令是否正确 

这里是项目路径输入有误,直接复制路径粘贴到git bash(相当于windows的cmd) 路径斜杠会变成'\',实际应该用'/',

vue安装遇到的5个报错及解决方法

注:在git bash复制项目路径无法直接ctrl+v粘贴,直接点一下鼠标滚轮即可粘贴

 ⑤:输入npm install安装依赖包时,若有下图提示

审核了11959个包发现12个漏洞(7个中等,5个高危)运行`npm audit fix`来修复它们,

或者运行`npm audit`来获取详细信息,这里直接输入npm audit fix修复即可

vue安装遇到的5个报错及解决方法

接着会出现下图所示,告知你已修复其中一些漏洞,还需输入npm audit fix --force 进一步修复

vue安装遇到的5个报错及解决方法

然后看到下面提示在输入npm audit即可

vue安装遇到的5个报错及解决方法

最后当你看到下图所示,说明你已经完全修复了漏洞 

vue安装遇到的5个报错及解决方法

补充:

①:运行npm run dev 后自动打开浏览器设置(默认是手动打开)

config-index.js,然后找到 autoOpenBrowser: false, 把false改为true即可

②:若你想终止启动vue,不想每次都重复下面3个步骤

cd "项目路径"

npm install

npm run dev

可直接ctrl+c会出现下图所示,根据提示选Y,此时只需在输入一次 npm run dev 即可

vue安装遇到的5个报错及解决方法

Javascript 相关文章推荐
Mootools 1.2教程 Fx.Tween的使用
Sep 15 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
JS实现点击下载的小例子
Jul 10 Javascript
js验证IP及子网掩码的合法性有效性示例
Apr 30 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
vue登录页面cookie的使用及页面跳转代码
Jul 10 Javascript
微信小程序在其他页面监听globalData中值的变化
Jul 15 Javascript
微信小程序实现二维码签到考勤系统
Jan 16 Javascript
Vue自定义组件的四种方式示例详解
Feb 28 Javascript
原生js实现日历效果
Mar 02 Javascript
Bootstrap table 服务器端分页功能实现方法示例
Jun 01 Javascript
深入学习JavaScript 高阶函数
Jun 11 #Javascript
javascript防抖函数debounce详解
Jun 11 #Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
Jun 11 #Javascript
vue实现路由懒加载及组件懒加载的方式
Jun 11 #Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
Jun 11 #Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
Jun 11 #Javascript
JavaScript动态检测密码强度原理及实现方法详解
Jun 11 #Javascript
You might like
如何使用动态共享对象的模式来安装PHP
2006/10/09 PHP
hessian 在PHP中的使用介绍
2010/12/13 PHP
PHP+MySQL实现的简单投票系统实例
2016/02/24 PHP
分享27款非常棒的jQuery 表单插件
2011/03/28 Javascript
js onkeypress与onkeydown 事件区别详细说明
2012/12/13 Javascript
子页向父页传值示例
2013/11/27 Javascript
js模拟C#中List的简单实例
2014/03/06 Javascript
在Firefox下js select标签点击无法弹出
2014/03/06 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
jquery 隐藏与显示tr标签示例代码
2014/06/06 Javascript
javascript实现复制与粘贴操作实例
2014/10/16 Javascript
Javascript中call和apply函数的比较和使用实例
2015/02/03 Javascript
JavaScript显示当前文档最后修改日期的方法
2015/03/19 Javascript
jQuery的几个我们必须了解的特点
2015/05/03 Javascript
jquery实现可关闭的倒计时广告特效代码
2015/09/02 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
vue 自定义 select内置组件
2018/04/10 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
JavaScript学习笔记之DOM操作实例分析
2019/01/08 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
2019/01/28 jQuery
原生js实现密码强度验证功能
2020/03/18 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
2020/04/01 Javascript
vue通过过滤器实现数据格式化
2020/07/20 Javascript
python使用xlrd实现检索excel中某列含有指定字符串记录的方法
2015/05/09 Python
使用Python进行中文繁简转换的实现代码
2019/10/18 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
食品业务员岗位职责
2014/03/18 职场文书
应用外语系自荐信
2014/06/26 职场文书
2014年小学安全工作总结
2014/12/04 职场文书
2015社区健康教育工作总结
2015/05/20 职场文书
简单介绍 http请求响应参数、无连接无状态、MIME、状态码、端口、telnet、curl
2021/03/31 HTML / CSS
golang 实现并发求和
2021/05/08 Golang
Java使用jmeter进行压力测试
2021/07/09 Java/Android
win sever 2022如何占用操作主机角色
2022/06/25 Servers