解决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 相关文章推荐
单元选择合并变色示例代码
May 26 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
Mar 10 Javascript
在Node.js应用中使用Redis的方法简介
Jun 24 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
Sep 20 Javascript
基于javascript实现按圆形排列DIV元素(三)
Dec 02 Javascript
Webpack执行命令参数详解
Jun 17 Javascript
实现两个文本框同时输入的实例
Sep 25 Javascript
vue中如何让子组件修改父组件数据
Jun 14 Javascript
详解如何在微信小程序中愉快地使用sass
Jul 30 Javascript
实例分析编写vue组件方法
Feb 12 Javascript
js简单的分页器插件代码实例
Sep 11 Javascript
node.js express框架实现文件上传与下载功能实例详解
Oct 15 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
json的键名为数字时的调用方式(示例代码)
2013/11/15 PHP
php保存二进制原始数据为图片的程序代码
2014/10/14 PHP
php实现改变图片直接打开为下载的方法
2015/04/14 PHP
PHP响应post请求上传文件的方法
2015/12/17 PHP
基于JQuery的cookie插件
2010/04/07 Javascript
jQuery创建插件的代码分析
2011/04/14 Javascript
文本框input聚焦失焦样式实现代码
2012/10/12 Javascript
$.each遍历对象、数组的属性值并进行处理
2014/07/18 Javascript
通过AngularJS实现图片上传及缩略图展示示例
2017/01/03 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
2017/03/04 Javascript
原生js二级联动效果
2017/06/20 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
2018/03/17 Javascript
修改npm全局安装模式的路径方法
2018/05/15 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
vue实现将数据存入vuex中以及从vuex中取出数据
2019/11/08 Javascript
jQuery实现的图片点击放大缩小功能案例
2020/01/02 jQuery
keep-Alive搭配vue-router实现缓存页面效果的示例代码
2020/06/24 Javascript
python关闭windows进程的方法
2015/04/18 Python
Python中的复制操作及copy模块中的浅拷贝与深拷贝方法
2016/07/02 Python
python批量赋值操作实例
2018/10/22 Python
Python打包工具PyInstaller的安装与pycharm配置支持PyInstaller详细方法
2020/02/27 Python
CSS3弹性盒模型flex box快速入门心得(必看篇)
2016/05/24 HTML / CSS
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
CAT鞋加拿大官网:CAT Footwear加拿大
2020/08/05 全球购物
网络编程中设计并发服务器,使用多进程与多线程,请问有什么区别?
2016/03/27 面试题
银行爱岗敬业演讲稿
2014/05/05 职场文书
行政文员实习自我鉴定范文
2014/09/14 职场文书
卖房授权委托书样本
2014/10/05 职场文书
财务会计岗位职责
2015/02/03 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书
导游词之井冈山
2019/11/20 职场文书
Python Pandas pandas.read_sql_query函数实例用法分析
2021/06/21 Python
解决使用了nginx获取IP地址都是127.0.0.1 的问题
2021/09/25 Servers
使用CSS连接数据库的方式
2022/02/28 HTML / CSS