electron 安装失败,Electron failed to install correctly

1,531 阅读1分钟

开发 Electron 项目,总是会发生安装失败或者安装时间太长的问题

image.png

解决办法

1、删除 node_modules/electron(这一次是真的要删一下,否则下面的方法会报错)

2、设置系统环境变量(设置 electron 使用淘宝源,很快)

// windows 请在环境变量里面设置,mac 请在环境变量文件中设置
ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

// 特别说明:一定要注意最后的一个 /,不加可能会提示 zip 包找不到

这种方式最好的方式是在项目根目录下创建一个.npmrc文件用于保存系统环境变量

当要使用electron-builder的时候ELECTRON_MIRROR变量需要在末尾加上一个v,当然这种不一致只是在第一次安装依赖、第一次编译的时候需要注意。

3、安装

npm install electron

暴力解决方式

首先在 electron node_modules 下有一个 install.js 文件,这里是安装electron github包的位置

image.png

这里会调用 @electron/get 中的 downloadArtifact 方法去下载

image.png

image.png

url=== https://github.com/electron/electron/releases/download/v16.0.8/electron-v16.0.8-win32-x64.zip

手动去下载文件,但是下载的文件放在哪里呢?要放在缓存文件的地方,通过方法cache.getPathForFileInCache(url, fileName)查找的

image.png

打印的地址是

image.png

Local文件夹下面的路径如果没有要新建 electron\Cache\2d180e08dca127a4bacab44a68d94f5ef852a6e6d9cda4cc740c970757bf287d,然后将文件放在这里

然后执行安装命令 image.png 这里要在 node_modules\electron 执行

这样就安装完成。