下载安装electron和electron-builder遇到的问题及部分解决办法

文章目录

electron简介
- 安装electron失败的一些情况和解决办法
- electron-builder打包安装的问题
- 结束

electron简介

Electron 是是 GitHub 开发的一个开源框架。它允许使用 Node.js（作为后端）和 Chromium（作为前端）完成桌面 GUI 应用程序的开发。
Electron 可以用于构建具有 html、css、JAVAScript 的跨平台桌面应用程序，它通过将 Chromium 和 node.js 合同一个运行的环境中来实现这一点，应用程序可以打包到 mac、windows 和 linux 系统上

安装electron失败的一些情况和解决办法

直接npm下载之后，没有提示，查看版本时报错

错误如下图：

原因分析
因为下载electron需要从外网下载资源，所以下载速度十分的慢
解决办法
换用国内的源，或者直接npm安装cnpm，然后使用cnpm命令安装即可
1. 方式一：安装cnpm
  npm install cnpm -g ，而后直接cnpm install electron -g命令即可
2. 方式二：换用国内源
  在windows系统中，直接找到路径C:\Users\Administrator\.npmrc 文件，添加如下语句即可

registry=https://registry.npm.taobao.org/sass_binary_site=https://npm.taobao.org/mirrors/node-sass/phantomjs_cdnurl=http://npm.taobao.org/mirrors/phantomjselectron_mirror=https://npm.taobao.org/mirrors/electron/

安装之前应当到官网下查看electron和node.js的版本兼容情况，不兼容的话可能导致不可预估的问题。官网地址：
https://www.npmjs.com/package/electron-releases

如下即是cnpm的安装效果和版本查询效果：

electron-builder打包安装的问题

注意，下面下载的文件存放的路径和放置方法如下图,要放置到对应的文件夹
这样下载安装后，再次npm run dist就不会去外网下载，会直接用本地的了

electron安装包文件的复制防止路径
C:\Users\Administrator\AppData\Local\electron\Cache
其余的下载的安装包文件和txt文件安装在下述路径
C:\Users\Administrator\AppData\Local\electron-builder\Cache
如图：
安装的问题，同样的应当用cnpm或者手动换为国内的源来进行下载。
在执行npm run dist命令之后，由于还要到github外网下载很多东西，所以依然会卡死或者甚至报错

electron-v1.8.2-win32-x64.zip下载失败进入官网，然后将该包直接下载下来，然后放置到项目打包所依赖的文件目录中即可
https://github.com/electron/electron/releases?after=v10.0.0-nightly.20200408
在该git地址找到所依赖的相关包，下载来下来
还需要下载的还有SHASUMS256.txt文件，也可以从https://npm.taobao.org/mirrors/electron/淘宝镜像的地址下载，记得修改SHASHUMS256.txt文件名字为SHASHUMS256.txt-XXX(对应版本)。
app-builder-v0.6.1-x64.7z 到官网找到所依赖的包的源码地址，然后将该包直接下载下来，然后放置到项目打包所依赖的文件目录中即可

https://github.com/electron-userland/electron-builder-binaries/releases
winCodeSign-1.9.0.7z 官网找到所依赖的包的源码地址，然后将该包直接下载下来，然后放置到项目打包所依赖的文件目录中即可

https://github.com/electron-userland/electron-builder-binaries/releases
nsis-3.0.1.13.7z, nsis-resources-3.3.0.7z
同理，到官网搜索对应版本，然后下载放到相应地方即可。

至此，就可以正常打包了。注意：每个人遇到的问题都不一样的，需要具体问题具体分析

结束

下载安装electron和electron-builder遇到的问题及部分解决办法相关推荐

zookeeper下载安装、zookeeper-3.4.6下载安装、Windows启动zookeeper、zookeeper启动闪退解决、\..\conf\zoo.cfg file is missin
zookeeper下载安装.zookeeper-3.4.6下载安装.Windows启动zookeeper.zookeeper启动闪退解决.zookeeper找不到zoo.cfg配置:\..\conf\ ...
下载logisim时显示“系统找不到指定路径”的解决办法！！！！
下载logisim时显示"系统找不到指定路径"的解决办法!!!! 最后全部搞完的时候百度到了这个: 因为我的电脑之前胡乱删了一些东西而且Java没卸载,总之就很乱,但是我没卸载干净 ...
探讨：在Mac新系统下安装新版XAMPP过程中遇到到的坑以及解决办法
探讨:在Mac新系统下安装新版XAMPP过程中遇到到的坑以及解决办法简介 XAMPP安装 XAMPP 是个啥? 安装XAMPP 新版问题:IP地址访问不再是localhost 操作问题:apache ...
VIVADO下载过程以及【卡在optimize disk usage】的解决办法
VIVADO下载过程以及[卡在optimize disk usage]的解决办法一. 前言二.VIVADO下载步骤三 .可能遇到的问题一. 前言首先说明的是vivado下载并不难,只是因为它 ...
debian9宝塔面板安装php失败,宝塔面板安装php失败：提示No package 'libjpeg' found的解决办法...
这篇文章主要为大家详细介绍了宝塔面板安装php失败:提示No package 'libjpeg' found的解决办法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借 ...
ubuntu amd 64bit 安装 QQ for linux教程(附不能使用中文的解决办法)
ubuntu amd 64bit 安装 QQ for linux教程(附不能使用中文的解决办法) Ubuntu 64bit 安装32bit软件 64bit系统构架的先进不由多讲,只是应用程序相对少了 ...
安装新版Magisk卡在启动页面等问题以及解决办法
安装新版Magisk卡在启动页面等问题以及解决办法参考文章: (1)安装新版Magisk卡在启动页面等问题以及解决办法 (2)https://www.cnblogs.com/trembler/p/1 ...
用vmware安装redhat 9出现“光盘无法被挂载”错误的解决办法
用vmware安装redhat 9出现"光盘无法被挂载"错误的解决办法今天在用vmware安装redhat的时候,提示: redhat 请插入第二张光盘后再继续加载后,点击确认 ...
计算机主板系统安装系统安装系统,华硕主板安装系统了BIOS启动菜单为什么系统无法找到解决办法...
原标题:华硕主板安装系统了BIOS启动菜单为什么系统无法找到解决办法昨天组装电脑主板是华硕H310M-K,全新主板,在组装完成后,安装系统,系统正确分区,安装好后,正常情况下,重启后应该自动引导进入 ...
nested exception is org.apache.ibatis.builder.BuilderException: Error evaluating expression 的解决办法
问题概述在基于微服务架构风格的项目开发过程中,为了提高快速开发的目的,提高开发效率,集成了 MyBatisPlus,对于 MyBatisPlus 封装的 CRUD API 接口已经非常强大了,但是有 ...