解决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 相关文章推荐
鼠标事件延时切换插件
Mar 12 Javascript
两种常用的javascript数组去重方法思路及代码
Mar 26 Javascript
jquery可见性过滤选择器使用示例
Jun 24 Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
Jan 26 Javascript
JS+CSS实现DIV层的展开、收缩效果
Jan 28 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
Jun 13 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
Aug 02 Javascript
Bootstrap Table使用方法解析
Oct 19 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
Jan 08 Javascript
数组Array的一些方法(总结)
Feb 17 Javascript
vue2 router 动态传参,多个参数的实例
Nov 10 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
Sep 06 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数据集构建JSON格式及新数组的方法
2012/11/07 PHP
ecshop实现smtp发送邮件
2015/02/03 PHP
微信access_token的获取开发示例
2015/04/16 PHP
laravel框架分组控制器和分组路由实现方法示例
2020/01/25 PHP
JavaScript页面刷新与弹出窗口问题的解决方法
2010/03/02 Javascript
谈谈关于JavaScript 中的 MVC 模式
2013/04/11 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
2016/04/01 Javascript
bootstrap下拉列表与输入框组结合的样式调整
2016/10/08 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
2016/10/27 Javascript
Angular.js中angular-ui-router的简单实践
2017/07/18 Javascript
Vue2.0 组件传值通讯的示例代码
2017/08/01 Javascript
JavaScript学习笔记之惰性函数示例详解
2017/08/27 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
2018/05/08 Javascript
基于Vue-cli快速搭建项目的完整步骤
2018/11/03 Javascript
nodejs微信开发之授权登录+获取用户信息
2019/03/17 NodeJs
Openlayers测量距离与面积的实现方法
2020/09/25 Javascript
解决ant Design Search无法输入内容的问题
2020/10/29 Javascript
对vue生命周期的深入理解
2020/12/03 Vue.js
详解微信小程序「渲染层网络层错误」的解决方法
2021/01/06 Javascript
在Python的Flask框架中实现单元测试的教程
2015/04/20 Python
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
python中如何正确使用正则表达式的详细模式(Verbose mode expression)
2017/11/08 Python
Python爬虫爬取一个网页上的图片地址实例代码
2018/01/16 Python
Python日期时间Time模块实例详解
2019/04/15 Python
Python logging设置和logger解析
2019/08/28 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
如何利用python读取micaps文件详解
2020/10/18 Python
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
加拿大快时尚零售商:Ardene
2018/02/14 全球购物
大学生两会精神学习心得体会
2014/03/10 职场文书
个人贷款担保书
2014/04/01 职场文书
机械机修工岗位职责
2014/08/03 职场文书
话题作文之财富(600字)
2019/12/03 职场文书
浅谈Python基础之列表那些事儿
2021/05/11 Python
零基础学java之方法的定义与调用详解
2022/04/10 Java/Android