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 相关文章推荐
JavaScript随机排序(随即出牌)
Sep 17 Javascript
THREE.JS入门教程(4)创建粒子系统
Jan 24 Javascript
JS前端框架关于重构的失败经验分享
Mar 17 Javascript
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
html的DOM中document对象images集合用法实例
Jan 21 Javascript
JavaScript前补零操作实例
Mar 11 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
Sep 20 Javascript
JS实现三个层重叠点击互相切换的方法
Oct 06 Javascript
js获取元素的标签名实现方法
Oct 08 Javascript
jQuery.cookie.js使用方法及相关参数解释
Mar 06 Javascript
Three.js利用顶点绘制立方体的方法详解
Sep 27 Javascript
手写Vue2.0 数据劫持的示例
Mar 04 Vue.js
深入学习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清除字符串中所有无用标签的方法
2014/12/01 PHP
php使用curl出现Expect:100-continue解决方法
2015/03/03 PHP
PHP中strnatcmp()函数“自然排序算法”进行字符串比较用法分析(对比strcmp函数)
2016/01/07 PHP
PHP的Json中文处理解决方案
2016/09/29 PHP
你真的了解JavaScript吗?
2007/02/24 Javascript
jquery JSON的解析方式
2009/07/25 Javascript
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
2011/11/30 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
2012/02/16 Javascript
jQuery prev ~ siblings选择器使用介绍
2013/08/09 Javascript
javascript代码运行不出来执行错误的可能情况整理
2013/10/18 Javascript
javascript实现依次输入input自动定焦
2014/12/23 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
Vue.js组件tab实现选项卡切换
2020/03/23 Javascript
javascript中call()、apply()的区别
2019/03/21 Javascript
[40:05]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第一局
2016/02/25 DOTA
[03:17]史诗级大片应援2018DOTA2国际邀请赛 致敬每一位坚守遗迹的勇士
2018/07/20 DOTA
利用Python中的输入和输出功能进行读取和写入的教程
2015/04/14 Python
python统计文本文件内单词数量的方法
2015/05/30 Python
Python openpyxl模块原理及用法解析
2020/01/19 Python
jupyter notebook插入本地图片的实现
2020/04/13 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
解决python3.x安装numpy成功但import出错的问题
2020/11/17 Python
css3的transition属性详解
2014/12/15 HTML / CSS
Nike香港官网:Nike HK
2019/03/23 全球购物
美丽乡村建设实施方案
2014/03/23 职场文书
校庆标语集锦
2014/06/25 职场文书
庆祝新中国成立65周年“向国旗敬礼”网上签名寄语
2014/09/27 职场文书
党员自我剖析材料范文
2014/10/06 职场文书
会计工作岗位职责
2015/02/03 职场文书
团员年度个人总结
2015/02/26 职场文书
小区保洁员岗位职责
2015/04/10 职场文书
请客吃饭开场白
2015/06/01 职场文书
莫言获奖感言(全文)
2015/07/31 职场文书
委托开发合同书(标准版)
2019/08/07 职场文书