npm/pnpm/yarn安装electron失败解决方案

PS:2024-11-25，更换了下原方案一、二的顺序，npmrc方案更方便就放到前边，下载npm包属于人工方案，适合作为备选

解决方案一

修改 npm/pnpm 的electron源地址。 项目下新建.npmrc文件，内容如下：

# 将pnpm变成扁平化架构，pnpm专用
node-linker=hoisted
# 设置阿里仓库源
registry="https://registry.npmmirror.com"
# 在国内使用pnpm安装electron需要配置一下electron的下载路径
ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/"

解决方案二 （方案一不起作用的话，用这个）

手动下载electron的npm包进行安装，适用npm、pnpm，理论上yarn也适用，yarn没测试。

具体步骤：

1. 下载electron的npm包

打开electron的淘宝npm镜像地址：npmmirror.com/mirrors/ele…
从列表中找到当前项目使用的版本号，下载对应系统的zip包。
各系统对应的包名区分

• macOS electron-v版本号-darwin-xxx
• linux electron-v版本号-linux-xxx
• windows electron-v版本号-win32-xxx

2. 项目中替代安装

在项目中运行 pnpm install / npm install / yarn install，等控制台显示到安装electron的进度时，control+c / ctrl+c 中断安装，在node_modules目录中找到electron，打开目录，可以看到有初始化的包文件。

• 将下载的electron压缩包拷贝到electron目录下，打开目录中的 install.js 文件。
• 找到并注释 downloadArtifact(xxx).then(xxx).catch(xxx) 的执行代码。
• 在注释代码的后边，新增解压代码 extractFile('./electron压缩包名字')。
• electron目录下打开终端，执行 node install.js 解压下载的electron包
• 解压完成后，删除zip包，还原刚才修改的install.js
• 回到项目，重新运行 pnpm install / npm install / yarn install，体验秒速安装electron包