解决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常用对象的方法和属性小结
Jan 24 Javascript
jQuery源码中的chunker 正则过滤符分析
Jul 31 Javascript
SuperSlide2实现图片滚动特效
Jun 20 Javascript
JS中产生标识符方式的演变
Jun 12 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
图片懒加载插件实例分享(含解析)
Jan 09 Javascript
vue解决跨域路由冲突问题思路解析
Nov 03 Javascript
原生JavaScrpit中异步请求Ajax实现方法
Nov 03 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
Feb 08 Javascript
在React项目中使用Eslint代码检查工具及常见问题
Oct 10 Javascript
electron+vue实现div contenteditable截图功能
Jan 07 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
Jun 19 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
php5数字型字符串加解密代码
2008/04/24 PHP
面向对象的javascript(笔记)
2009/10/06 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
类似天猫商品详情随浏览器移动的示例代码
2014/02/27 Javascript
javascript 自定义回调函数示例代码
2014/09/26 Javascript
Javascript Object 对象学习笔记
2014/12/17 Javascript
Jquery 实现table样式的设定
2015/01/28 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
JavaScript的Backbone.js框架入门学习指引
2016/05/07 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
AngularJs Managing Service Dependencies详解
2016/09/02 Javascript
TypeScript入门-接口
2017/03/30 Javascript
JS模拟超市简易收银台小程序代码解析
2017/08/18 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
2019/09/04 Javascript
原生JavaScript创建不可变对象的方法简单示例
2020/05/07 Javascript
Python+Socket实现基于UDP协议的局域网广播功能示例
2017/08/31 Python
Python使用get_text()方法从大段html中提取文本的实例
2019/08/27 Python
Python基础之函数基本用法与进阶详解
2020/01/02 Python
python RSA加密的示例
2020/12/09 Python
CSS3 translate导致字体模糊的实例代码
2019/08/30 HTML / CSS
意大利香水和彩妆护肤品购物网站:Ditano
2017/08/13 全球购物
跑步、骑行和铁人三项的高性能眼镜和服装:ROKA
2018/07/06 全球购物
俄罗斯化妆品和香水网上商店:Iledebeaute
2019/01/03 全球购物
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
Yankee Candle官网:美国最畅销蜡烛品牌之一
2020/01/05 全球购物
在浏览器端如何得到服务器端响应的XML数据
2012/11/24 面试题
人力资源专业推荐信
2013/11/29 职场文书
校园报刊亭创业计划书
2014/01/02 职场文书
2015年业务员工作总结范文
2015/04/07 职场文书
2015年电厂工作总结范文
2015/05/13 职场文书
2015年检察院个人工作总结
2015/05/20 职场文书
导游词之嵊泗列岛
2019/10/30 职场文书
Vue实现跑马灯样式文字横向滚动
2021/11/23 Vue.js
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android
分析MySQL优化 index merge 后引起的死锁
2022/04/19 MySQL