解决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 相关文章推荐
用js计算页面执行时间的函数
Dec 07 Javascript
JavaScript 空位补零实现代码
Feb 26 Javascript
js中匿名函数的N种写法
Sep 08 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
Dec 04 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
js过滤特殊字符输入适合输入、粘贴、拖拽多种情况
Mar 22 Javascript
jQuery中:empty选择器用法实例
Dec 30 Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
Mar 02 Javascript
JavaScript关于提高网站性能的几点建议(一)
Jul 24 Javascript
javascript填充默认头像方法
Feb 22 Javascript
详解vue-cli3 中跨域解决方案
Apr 10 Javascript
jQuery实现简单弹幕制作
Dec 10 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
mantis安装、配置和使用中的问题小结
2014/07/14 PHP
PHP中使用curl伪造IP的简单方法
2015/08/07 PHP
PHP程序员的技术成长规划
2016/03/25 PHP
PHP实现带重试功能的curl连接示例
2016/07/28 PHP
ThinkPHP 5.x远程命令执行漏洞复现
2019/09/23 PHP
jQuery 全选效果实现代码
2009/03/23 Javascript
ExtJs扩展之GroupPropertyGrid代码
2010/03/05 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
js实现的捐赠管理完整实例
2015/01/20 Javascript
javascript实现获取字符串hash值
2015/05/10 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
2015/06/04 Javascript
JS基于cookie实现来宾统计记录访客信息的方法
2015/08/04 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
2016/02/17 Javascript
JavaScript html5 canvas绘制时钟效果(二)
2016/03/27 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
2016/10/10 Javascript
JS模拟实现ECMAScript5新增的数组方法
2017/03/20 Javascript
Vuejs实现购物车功能
2017/11/05 Javascript
vue中实现在外部调用methods的方法(推荐)
2018/02/08 Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
2019/11/06 Javascript
node.js中fs文件系统模块的使用方法实例详解
2020/02/13 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
2020/04/13 Javascript
[17:00]DOTA2 HEROS教学视频教你分分钟做大人-帕克
2014/06/10 DOTA
浅析Python中的for 循环
2016/06/09 Python
Python温度转换实例分析
2018/01/17 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
Python with用法:自动关闭文件进程
2019/07/10 Python
通过实例解析Python调用json模块
2019/12/11 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
Java多态性的定义以及类型
2014/09/16 面试题
经典c++面试题三
2015/07/08 面试题
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
计算机操作自荐信
2013/12/07 职场文书
药店主任岗位责任制
2014/02/10 职场文书
建筑工地大门标语
2014/06/18 职场文书
临时用工协议书范本
2014/10/29 职场文书
JavaScript实现音乐播放器
2022/08/14 Javascript