在使用npm安裝Electron的過程,可能會碰到一直卡在下載安裝包的過程中。這時可能會先想到切換到淘寶的鏡像下載,會發現也沒有效果。例如下面這種情況。
$ npm i -D electron@latest
> [email protected] postinstall /tmp/node_modules/electron
> node install.js
Downloading tmp-46341-0-electron-v4.0.6-darwin-x64.zip
[> ] 0.0% (0 B/s)
^C
$ npm i -D electron@latest --registry=https://registry.npm.taobao.org
> [email protected] postinstall /tmp/node_modules/electron
> node install.js
Downloading tmp-46341-0-electron-v4.0.6-darwin-x64.zip
[> ] 0.0% (0 B/s)
解決方法
Electron官方提供了一個該情況的解決方法,可以選擇手動下載該安裝包存放在本地目錄中代替網絡下載。緩存包包括了名爲electron-v4.0.6-darwin-x64.zip
與SHASUMS256.txt-4.0.6
的兩個文件,這裏以在Mac上安裝v4.0.6版的Electron爲例,可以根據使用的具體版本及平臺改變文件名中對應的字段。
首先,需要到Electron的Github發佈頁面下載上述兩個文件,下載地址爲https://github.com/electron/electron/releases/tag/vVERSION
,根據安裝的版本更改VERSION字段。例如安裝v4.0.6版本可以前往https://github.com/electron/electron/releases/tag/v4.0.6
下載。在下載完成後,需要將兩個文件拷貝到Electron的緩存文件夾。不同平臺的緩存文件夾位置如下所述。
- Linux:
$XDG_CACHE_HOME
或~/.cache/electron/
- MacOS:
~/Library/Caches/electron/
- Windows:
$LOCALAPPDATA/electron/Cache
或~/AppData/Local/electron/Cache/
- 老版本Electron的緩存文件夾可能會位於
~/.electron
中
另外,也可以通過設置ELECTRON_CACHE
環境變量指定一個新的緩存文件夾位置。在完成上述操作後,重新運行npm即可完成Electron的安裝。
2019/12/24更新
由於@electron/get
包的修改,使上文中方法無效。解決方式爲使用ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/" npm install electron
命令安裝。