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 request函数 用来获取url参数
May 17 Javascript
判断用户的在线状态 onbeforeunload事件
Mar 05 Javascript
jQuery实现当按下回车键时绑定点击事件
Jan 28 Javascript
JavaScript获取页面上被选中文字的方法技巧
Mar 13 Javascript
JavaScript DOM操作表格及样式
Apr 13 Javascript
AngularJS中比较两个数组是否相同
Aug 24 Javascript
浅析如何利用JavaScript进行语音识别
Oct 27 Javascript
jQuery制作input提示内容(兼容IE8以上)
Jul 05 jQuery
vue.js声明式渲染和条件与循环基础知识
Jul 31 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 Javascript
基于vue-ssr服务端渲染入门详解
Jan 08 Javascript
jQuery事件委托代码实践详解
Jun 21 jQuery
深入学习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使用array_chunk函数将一个数组分割成多个数组
2018/12/05 PHP
PHP中的访问修饰符简单比较
2019/02/02 PHP
PHP使用PDO操作sqlite数据库应用案例
2019/03/07 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
php+js实现的拖动滑块验证码验证表单操作示例【附源码下载】
2020/05/27 PHP
jquery.validate表单验证插件使用详解
2017/06/21 jQuery
vue favicon设置以及动态修改favicon的方法
2018/12/21 Javascript
vue-cli3跨域配置的简单方法
2019/09/06 Javascript
js回调函数原理与用法案例分析
2020/03/04 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
[02:28]DOTA2亚洲邀请赛 LGD战队巡礼
2015/02/03 DOTA
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
基于Python中求和函数sum的用法详解
2018/06/28 Python
详解python的sorted函数对字典按key排序和按value排序
2018/08/10 Python
Python实现去除列表中重复元素的方法总结【7种方法】
2019/02/16 Python
两个元祖T1=('a', 'b'),T2=('c', 'd')使用匿名函数将其转变成[{'a': 'c'},{'b': 'd'}]的几种方法
2019/03/05 Python
python实时检测键盘输入函数的示例
2019/07/17 Python
python树的同构学习笔记
2019/09/14 Python
Python有参函数使用代码实例
2020/01/06 Python
pytorch 常用线性函数详解
2020/01/15 Python
500行python代码实现飞机大战
2020/04/24 Python
用python计算文件的MD5值
2020/12/23 Python
用html5的canvas和JavaScript创建一个绘图程序的简单实例
2016/07/06 HTML / CSS
小天鹅官方商城:LittleSwan
2017/06/16 全球购物
中秋节超市促销方案
2014/01/30 职场文书
求职自荐信怎么写
2014/03/06 职场文书
小学教师师德师风演讲稿
2014/08/22 职场文书
活动总结结尾怎么写
2014/08/30 职场文书
2015年度个人思想工作总结
2015/04/08 职场文书
酒店人事主管岗位职责
2015/04/11 职场文书
子女赡养老人协议书
2016/03/23 职场文书
入党申请书格式
2019/06/20 职场文书
详解CSS玩转图片Base64编码
2021/05/25 HTML / CSS