解决vue初始化项目一直停在downloading template的问题


Posted in Javascript onNovember 09, 2020

解决方法如下:

用power shell初始化vue项目一直停留在downloading template

用git的git bush here 就可以了。

补充知识:vue init webpack 卡在chromedriver上问题解决办法

最近在学习vue,尝试利用vue-cli创建一个工程。但是执行vue init webpack projectname时,执行到Saving to c:\Users\......\chromedriver_win32.zip时卡住不往下走了。

仔细看downloading的连接,果然是被墙了的google网址。只能找国内的地址了。

后来网上查,很多人提到可以用这个命令先安装好chromedriver,然后再执行vue init webpack projectname就可以解决了。
 

npm install --global chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

但是本人亲测,安装chromedriver后,再执行vue init webpack时仍然报下载chromedriver的错误。

ChromeDriver installation failed Error with http(s) request: Error: connect ETIMEDOUT 216.58.220.208:443

后来看程序运行的情况,应该不用管这个报错,因为chromedriver已经安装好了。

 

【补充--终极方案】

虽然上面的报错不影响使用,但是总是觉得不爽。所以,又仔细查了查,自己试出了终极解决方案。哈哈,真的是终极方案,完美解决问题。

原因分析:

从上面的问题看,失败的原因还是下载chromedriver的地址不对。

修改配置

后来查到了npm config命令。发现可以通过执行下面的命令,将下载地址配置到国内的镜像上:

npm config set chromedriver_cdnurl https://npm.taobao.org/mirrors/chromedriver

执行完成后,发现系统在“c:/users/用户名”目录下面,创建了一个.npmrc文件,里面加上了如下一句:

chromedriver_cdnurl=https://npm.taobao.org/mirrors/chromedriver

然后再执行vue init webpack projectname,就没有报任何错误了。

如下图所示:

解决vue初始化项目一直停在downloading template的问题

以上这篇解决vue初始化项目一直停在downloading template的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript针对DOM的应用分析(四)
Apr 15 Javascript
浅析jQuery1.8的几个小变化
Dec 10 Javascript
JavaScript定时器和优化的取消定时器方法
Jul 03 Javascript
全面解析Bootstrap中nav、collapse的使用方法
May 22 Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 Javascript
Angular的$http的ajax的请求操作(推荐)
Jan 10 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
Jan 24 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 jQuery
解决bootstrap中下拉菜单点击后不关闭的问题
Aug 10 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
Nov 04 Javascript
原生JS实现拖拽功能
Dec 16 Javascript
在VUE中使用lodash的debounce和throttle操作
Nov 09 #Javascript
解决vue init webpack 下载依赖卡住不动的问题
Nov 09 #Javascript
详解nginx配置vue h5 history去除#号
Nov 09 #Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
Nov 09 #Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
Nov 09 #Javascript
详解Vue中的watch和computed
Nov 09 #Javascript
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
Nov 09 #Javascript
You might like
DOTA2 无惧惊涛骇浪 昆卡大型水友攻略
2020/04/20 DOTA
PHP遍历文件夹与文件类及处理类用法实例
2014/09/23 PHP
php简单实现无限分类树形列表的方法
2015/03/27 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
2017/02/10 PHP
php 将json格式数据转换成数组的方法
2018/08/21 PHP
JS实现self的resend
2010/07/22 Javascript
深入理解javascript作用域和闭包
2014/09/23 Javascript
简单谈谈javascript代码复用模式
2015/01/28 Javascript
js给selected添加options的方法
2015/05/06 Javascript
jQuery构造函数init参数分析
2015/05/13 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
2015/09/18 Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
2016/01/03 Javascript
vue中appear的用法
2017/08/17 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
2018/05/14 Javascript
JavaScript中的一些实用小技巧总结
2019/04/07 Javascript
Vue 自定义指令功能完整实例
2019/09/17 Javascript
jQuery实现聊天对话框
2020/02/08 jQuery
Node.js API详解之 tty功能与用法实例分析
2020/04/27 Javascript
微信小程序选择图片控件
2021/01/19 Javascript
[01:19:34]2014 DOTA2国际邀请赛中国区预选赛 New Element VS Dream time
2014/05/22 DOTA
[02:03]风行者至宝清风环佩外观展示
2020/09/05 DOTA
Python简单实现网页内容抓取功能示例
2018/06/07 Python
python 自动批量打开网页的示例
2019/02/21 Python
python3.6使用tkinter实现弹跳小球游戏
2019/05/09 Python
如何在django中运行scrapy框架
2020/04/22 Python
python两个list[]相加的实现方法
2020/09/23 Python
如何通过python实现IOU计算代码实例
2020/11/02 Python
html5的localstorage详解
2017/05/09 HTML / CSS
大学生党课思想汇报
2013/12/29 职场文书
建筑工程毕业生自我鉴定
2014/01/14 职场文书
平安建设工作方案
2014/06/02 职场文书
作风年建设汇报材料
2014/08/14 职场文书
反对四风自我剖析材料
2014/10/07 职场文书
个人党性分析总结
2015/03/05 职场文书
高中同学会致辞
2015/08/01 职场文书
python模拟浏览器 使用selenium进入好友QQ空间并留言
2022/04/12 Python