解决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 相关文章推荐
用正则获取指定路径文件的名称
Feb 27 Javascript
JavaScript 学习笔记(十二) dom
Jan 21 Javascript
js 通过cookie实现刷新不变化树形菜单
Oct 30 Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
Jan 07 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
jQuery自动完成插件completer附源码下载
Jan 04 Javascript
浅谈Vue 数据响应式原理
May 07 Javascript
vue 循环加载数据并获取第一条记录的方法
Sep 26 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
vant(ZanUi)结合async-validator实现表单验证的方法
Dec 06 Javascript
jQuery实现雪花飘落效果
Aug 02 jQuery
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
在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
收听困难?教您超简便短波广播抗干扰方法!
2021/03/01 无线电
php 实现Hash表功能实例详解
2016/11/29 PHP
ThinkPHP框架使用redirect实现页面重定向的方法实例分析
2018/04/12 PHP
超级简单的图片防盗(HTML),好用
2007/04/08 Javascript
分享十五款 jQuery 社交网络分享插件
2015/05/16 Javascript
JavaScript实现的经典文件树菜单效果
2015/09/08 Javascript
AngularJS 基础ng-class-even指令用法
2016/08/01 Javascript
js代码实现下拉菜单【推荐】
2016/12/15 Javascript
javascript实现数据双向绑定的三种方式小结
2017/03/09 Javascript
微信小程序 支付功能(前端)的实现
2017/05/24 Javascript
Swiper 4.x 使用方法(移动端网站的内容触摸滑动)
2018/05/17 Javascript
Vue项目History模式404问题解决方法
2018/10/31 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
layer.prompt输入层的例子
2019/09/24 Javascript
vue 实现websocket发送消息并实时接收消息
2019/12/09 Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
2020/06/17 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
用Python进行一些简单的自然语言处理的教程
2015/03/31 Python
Python实现快速多线程ping的方法
2015/07/15 Python
python结合shell查询google关键词排名的实现代码
2016/02/27 Python
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
Python绘制3d螺旋曲线图实例代码
2017/12/20 Python
Python之ReportLab绘制条形码和二维码的实例
2018/01/15 Python
Python装饰器知识点补充
2018/05/28 Python
Python之列表的插入&替换修改方法
2018/06/28 Python
python代码 输入数字使其反向输出的方法
2018/12/22 Python
python实发邮件实例详解
2019/11/11 Python
中级会计职业生涯规划范文
2014/01/16 职场文书
11月红领巾广播稿
2014/01/17 职场文书
大学生就业自我推荐信
2014/05/10 职场文书
学风建设演讲稿
2014/09/12 职场文书
领导班子党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
地心历险记观后感
2015/06/15 职场文书
2016五一劳动节慰问信
2015/11/30 职场文书
深入探讨opencv图像矫正算法实战
2021/05/21 Python
oracle设置密码复杂度及设置超时退出的功能
2022/06/28 Oracle