解决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 相关文章推荐
IE8 原生JSON支持
Apr 13 Javascript
JavaScript 嵌套函数指向this对象错误的解决方法
Mar 15 Javascript
Js 时间函数getYear()的使用问题探讨
Apr 01 Javascript
javascript常用代码段搜集
Dec 04 Javascript
JS实现完全语义化的网页选项卡效果代码
Sep 15 Javascript
js操作XML文件的实现方法兼容IE与FireFox
Jun 25 Javascript
浅谈javascript中执行环境(作用域)与作用域链
Dec 08 Javascript
在create-react-app中使用sass的方法示例
Oct 01 Javascript
ES6知识点整理之对象解构赋值应用示例
Apr 17 Javascript
Javascript通过控制类名更改样式
May 24 Javascript
js中关于Blob对象的介绍与使用
Nov 29 Javascript
微信小程序实现首页弹出广告
Dec 03 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
Discuz! Passport 通行证整合
2008/03/27 PHP
防止用户利用PHP代码DOS造成用光网络带宽
2011/03/01 PHP
php学习笔记 数组的常用函数
2011/06/13 PHP
PHP分页类集锦
2014/11/18 PHP
浅析Yii2集成富文本编辑器redactor实例教程
2016/04/25 PHP
Yii控制器中filter过滤器用法分析
2016/07/15 PHP
JS类的封装及实现代码
2009/12/02 Javascript
jQuery中对节点进行操作的相关介绍
2013/04/16 Javascript
Js获取下拉框选定项的值和文本的实现代码
2014/02/26 Javascript
extJS中常用的4种Ajax异步提交方式
2014/03/07 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
2015/02/13 Javascript
js实现跨域的多种方法
2015/12/25 Javascript
vue router下的html5 history在iis服务器上的设置方法
2017/10/18 Javascript
极简主义法编写JavaScript类
2017/11/02 Javascript
JavaScript中关于class的调用方法
2017/11/28 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
微信小程序dom操作的替代思路实例分析
2018/12/06 Javascript
使用vue开发移动端管理后台的注意事项
2019/03/07 Javascript
js实现移动端吸顶效果
2020/01/08 Javascript
JS实现长图上下滚动效果
2020/03/19 Javascript
JS实现按比例缩小图片宽高
2020/08/24 Javascript
解决iView Table组件宽度只变大不变小的问题
2020/11/13 Javascript
Python代码块批量添加Tab缩进的方法
2018/06/25 Python
python scp 批量同步文件的实现方法
2019/01/03 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
django框架中间件原理与用法详解
2019/12/10 Python
python 工具 字符串转numpy浮点数组的实现
2020/03/14 Python
Python命名空间及作用域原理实例解析
2020/08/12 Python
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
Evisu官方网站:日本牛仔品牌,时尚街头设计风格
2016/12/30 全球购物
巴西最好的男鞋:Rafarillo
2018/05/25 全球购物
业务主管岗位职责范本
2013/12/25 职场文书
英语辞职信范文
2015/02/28 职场文书
《珍珠鸟》教学反思
2016/02/16 职场文书
干货!开幕词的写作方法
2019/04/02 职场文书
Mysql超详细讲解死锁问题的理解
2022/04/01 MySQL