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 相关文章推荐
基于逻辑运算的简单权限系统(实现) JS 版
Mar 24 Javascript
使用jquery.validate自定义方法实现"手机号码或者固话至少填写一个"的逻辑验证
Sep 01 Javascript
jQuery使用slideUp方法实现控制元素缓慢收起
Mar 27 Javascript
Javascript中判断对象是否为空
Jun 10 Javascript
javascript跨域的方法汇总
Oct 23 Javascript
js实现延时加载Flash的方法
Nov 26 Javascript
JavaScript面试开发常用的知识点总结
Aug 08 Javascript
Vue单文件组件基础模板小结
Aug 10 Javascript
vue动态设置img的src路径实例
Sep 18 Javascript
Angular ElementRef简介及其使用
Oct 01 Javascript
js防抖和节流的深入讲解
Dec 06 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
Aug 20 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检测用户语言的方法
2015/06/15 PHP
学习PHP session的传递方式
2016/06/15 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
ThinkPHP实现简单登陆功能
2017/04/28 PHP
PHP获取redis里不存在的6位随机数应用示例【设置24小时过时】
2017/06/07 PHP
js中的window.open返回object的错误的解决方法
2009/08/15 Javascript
jQuery使用ajaxSubmit()提交表单示例
2014/04/04 Javascript
javascript生成随机颜色示例代码
2014/05/05 Javascript
JavaScript二维数组实现的省市联动菜单
2014/05/08 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
2014/08/13 Javascript
使用百度地图api实现根据地址查询经纬度
2014/12/11 Javascript
JavaScript转换二进制编码为ASCII码的方法
2015/04/16 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
巧用数组制作图片切换js代码
2016/11/29 Javascript
JavaScript数据结构之二叉树的计数算法示例
2017/04/13 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
2017/09/14 Javascript
axios实现文件上传并获取进度
2020/03/25 Javascript
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
Python+selenium实现截图图片并保存截取的图片
2018/01/05 Python
Python绘制的二项分布概率图示例
2018/08/22 Python
Python 处理图片像素点的实例
2019/01/08 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
python3实现猜数字游戏
2020/12/07 Python
对Python生成器、装饰器、递归的使用详解
2019/07/19 Python
python 利用pyttsx3文字转语音过程详解
2019/09/25 Python
python 实现线程之间的通信示例
2020/02/14 Python
解决Python logging模块无法正常输出日志的问题
2020/02/21 Python
详解python中的lambda与sorted函数
2020/09/04 Python
HTML块级标签汇总(小篇)
2016/07/13 HTML / CSS
Python里面如何拷贝一个对象
2014/02/17 面试题
会计专业自荐信
2013/12/02 职场文书
给儿子的表扬信
2014/01/15 职场文书
《乞巧》教学反思
2014/02/27 职场文书
写给妈妈的感谢信
2015/01/22 职场文书
2016大学生毕业实习心得体会
2016/01/23 职场文书
《勇者辞职不干了》上卷BD发售宣传CM公开
2022/04/08 日漫