解决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 相关文章推荐
永不消失的title提示代码
Feb 15 Javascript
JavaScript实现的一个计算数字步数的算法分享
Dec 06 Javascript
jQuery实现菜单感应鼠标滑动动画效果的方法
Feb 28 Javascript
javascript数字验证的实例代码(推荐)
Aug 20 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
Sep 18 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
Dec 25 Javascript
nginx部署访问vue-cli搭建的项目的方法
Feb 12 Javascript
vuex state及mapState的基础用法详解
Apr 19 Javascript
微信小程序数据分析之自定义分析的实现
Aug 17 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
Apr 16 Javascript
浅谈React Native 传参的几种方式(小结)
May 21 Javascript
Openlayers实现测量功能
Sep 25 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
php printf输出格式使用说明
2010/12/05 PHP
PHP+MySQL投票系统的设计和实现分享
2012/09/23 PHP
php和js如何通过json互相传递数据相关问题探讨
2013/02/26 PHP
Yii框架结合sphinx,Ajax实现搜索分页功能示例
2016/10/18 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
php表单处理操作
2017/11/16 PHP
JavaScript入门教程 Cookies
2009/01/31 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
2014/08/27 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
JS实现为表格动态添加标题的方法
2015/03/31 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
基于input动态模糊查询的实现方法
2017/12/12 Javascript
详解如何在微信小程序开发中正确的使用vant ui组件
2018/09/13 Javascript
vue-cli项目使用mock数据的方法(借助express)
2019/04/15 Javascript
JavaScript缺少insertAfter解决方案
2020/07/03 Javascript
antd design table更改某行数据的样式操作
2020/10/31 Javascript
python with statement 进行文件操作指南
2014/08/22 Python
低版本中Python除法运算小技巧
2015/04/05 Python
python3学习笔记之多进程分布式小例子
2018/02/13 Python
Pycharm设置去除显示的波浪线方法
2018/10/28 Python
python配置grpc环境
2019/01/01 Python
使用IPython或Spyder将省略号表示的内容完整输出
2020/04/20 Python
Python字典实现伪切片功能
2020/10/28 Python
艺术应用与设计专业个人的自我评价
2013/11/19 职场文书
村长贪污检举信
2014/04/04 职场文书
人力资源管理专业应届生求职信
2014/04/24 职场文书
保证书格式范文
2014/04/28 职场文书
求职信范文大全
2014/05/26 职场文书
2014年平安夜寄语
2014/12/08 职场文书
入党介绍人意见范文
2015/06/01 职场文书
天鹅湖观后感
2015/06/09 职场文书
七一慰问简报
2015/07/20 职场文书
2019中小学生安全过暑期倡议书
2019/06/24 职场文书
MySQL8.0.24版本Release Note的一些改进点
2021/04/22 MySQL