electron 下载报错 404

最新在学习 Electron 工具的开发,想在 Mac 安装一下,但是在安装过程中,发现报错超时。

查看地了一下资料,利用 --verbose 命令查看一下具体的报错位置,翻看了一下具体的信息,是报错 404 然后就超时了。

npm http fetch GET 200 https://registry.npmmirror.com/electron 53ms (cache hit)
npm http fetch POST 404 https://registry.npmmirror.com/-/npm/v1/security/advisories/bulk 1177ms
npm http fetch POST 404 https://registry.npmmirror.com/-/npm/v1/security/audits/quick 27ms

发现是从我配置的国内源上获取的时候,未找到对应的安装包导致的。

翻看了一下 Electron 的官方文档, Mirror 那小节,发现如果是配置的淘宝镜像,除了需要配置 ELECTRON_MIRROR 之外,还需要配置一个 ELECTRON_CUSTOM_DIR 变量,而且需要将这个配置保存到环境配置文件中即可。

ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/"
ELECTRON_CUSTOM_DIR="{{ version }}"

配置这个变量之后,就可以使用 npm/yarn/pnpm 下载 electron 了。

这里需要注意的是,不要为 yarn 和 pnpm 单独配置参数,默认使用 npm 配置的即可。