快速解决electron-builder打包时下载依赖慢的问题

 更新时间:2024年02月04日 10:20:14   作者:梓miao出没  
使用 Electron-builder 打包,有时会在下载Electron、nsis、winCodeSign的过程中 Timeout 导致打包失败,本文给大家分享快速解决electron-builder打包时下载依赖慢的问题,感兴趣的朋友一起看看吧

在使用 Electron-builder 打包时,有时会卡在 downloading 半天不动,导致打包失败。

问题描述

使用 Electron-builder 打包,有时会在下载Electron、nsis、winCodeSign的过程中 Timeout 导致打包失败(鉴于国内的网络情况)。

  • electron-builder  version=22.5.1 os=10.0.18362
  • loaded configuration  file=package.json ("build" field)
  • writing effective config  file=dist\builder-effective-config.yaml
  • packaging       platform=win32 arch=x64 electron=8.2.3 appOutDir=dist\win-unpacked
  • default Electron icon is used  reason=application icon is not set
  • downloading     url=https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.6.0/winCodeSign-2.6.0.7z size=5.6 MB parts=1

日志中可见, downloading 步骤会依此下载工具链,Timeout 即在于此。

解决方法

1.解决 Electron 下载慢
项目根目录新建.npmrc文件,加入如下环境变量:

ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/

此项将 Electron 镜像源设置为淘宝镜像源。

2.解决 nsis、winCodeSign 下载慢
照猫画虎,在.npmrc中同样设置ELECTRON_BUILDER_BINARIES_MIRROR镜像源地址,cnpm 同样提供了对应的镜像源:

ELECTRON_BUILDER_BINARIES_MIRROR=http://npm.taobao.org/mirrors/electron-builder-binaries/

这样即可高速下载所需的工具链文件。

选读
在写这篇文章草稿时,淘宝ELECTRON_BUILDER_BINARIES_MIRROR镜像源是一直挂掉的,如果你用它,会发现 nsis、winCodeSign 压根拉不下来。

2020 年 4 月 25 日,我和一个兄弟评论了对应的 issues#1539 ,而后有个大兄弟把这问题修了。

所以,当时采取的措施是手动下载文件,并将其放置于 Electron-builder 文件夹,这也有必要了解一下。

Nsis 存放位置
C:\Users\admin\AppData\Local\electron-builder\Cache\winCodeSign

winCodeSign 存放位置

C:\Users\admin\AppData\Local\electron-builder\Cache\winCodeSign

将对应版本的文件手动下载后解压至这两个文件夹即可。

到此这篇关于快速解决electron-builder打包时下载依赖慢的问题的文章就介绍到这了,更多相关electron-builder打包内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Vue框架中正确引入JS库的方法介绍

    Vue框架中正确引入JS库的方法介绍

    最近在学习使用vue框架,在使用中遇到了一个问题,查找相关资料终于找了正确的姿势,所以这篇文章主要给大家介绍了关于在Vue框架中正确引入JS库的方法,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-07-07
  • 使用vue根据状态添加列表数据和删除列表数据的实例

    使用vue根据状态添加列表数据和删除列表数据的实例

    今天小编就为大家分享一篇使用vue根据状态添加列表数据和删除列表数据的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • 关于vue利用postcss-pxtorem进行移动端适配的问题

    关于vue利用postcss-pxtorem进行移动端适配的问题

    这篇文章主要介绍了关于vue利用postcss-pxtorem进行移动端适配的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • 导致VUE页面不刷新的问题分析及解决方法

    导致VUE页面不刷新的问题分析及解决方法

    由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的,这篇文章主要介绍了导致VUE页面不刷新的问题分析及解决方法,需要的朋友可以参考下
    2024-04-04
  • vue-cli-service build 环境设置方式

    vue-cli-service build 环境设置方式

    这篇文章主要介绍了vue-cli-service build 环境设置方式,具有很好的参考价值,希望对大家有所帮助。
    2023-01-01
  • Vue3中Hooks封装的技巧详解

    Vue3中Hooks封装的技巧详解

    这篇文章主要来和大家分享一些关于 Vue3中Hooks封装的技巧,希望能够为大家在 Vue 3 项目中更好地利用 Hooks 提供一些思路和实践经验
    2023-12-12
  • vue使用节流函数的踩坑实例指南

    vue使用节流函数的踩坑实例指南

    防抖和节流的目的都是为了减少不必要的计算,下面这篇文章主要给大家介绍了关于vue使用节流函数踩坑的相关资料,需要的朋友可以参考下
    2021-05-05
  • vue中的.sync修饰符用法及原理分析

    vue中的.sync修饰符用法及原理分析

    这篇文章主要介绍了vue中的.sync修饰符用法及原理分析,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • Vue如何实现验证码输入交互

    Vue如何实现验证码输入交互

    这篇文章主要介绍了Vue实现验证码输入交互的示例,帮助大家更好的理解和使用vue,感兴趣的朋友可以了解下
    2020-12-12
  • Vue3中使用富文本编辑器的示例详解

    Vue3中使用富文本编辑器的示例详解

    这篇文章主要为大家详细介绍了Vue3中使用富文本编辑器的相关知识,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以参考一下
    2023-10-10

最新评论