寫(xiě)在前面：Electron相關(guān)的操作還是不要使用CNPM的操作命令，這樣后面會(huì)遇到各種問(wèn)題：比如安裝某些依賴(lài)的問(wèn)題；但是原生的NPM命令又很慢，咋怎呢？有辦法！使用smart-npm

安裝smart-npm

npm install --global smart-npm --registry=https://registry.npm.taobao.org/

----------------------------------分割線(xiàn)，下面的cnpm替換為npm吧-------------------------------1、安裝electron-builder（注意全局安裝

cnpm install -g electron-builder
cnpm install -g electron-package

2、在項(xiàng)目目錄（my-project）執(zhí)行打包命令

electron-builder

3、由于網(wǎng)絡(luò)原因，各種包下載不下來(lái)，導(dǎo)致出錯(cuò)；如下圖

可以看到，這里在下載electron-v2.0.17-win32-x64.zip 這個(gè)包，那只能通過(guò)其他方式，離線(xiàn)下載，然后放到對(duì)應(yīng)的目錄里面

C:\Users\*****\AppData\Local\electron\Cache

需要注意的是，不僅要下載這個(gè)壓縮包，還要把對(duì)應(yīng)的SHASUMS256.txt-文件也下載下來(lái)放進(jìn)去；

到這里去找對(duì)應(yīng)的版本下載地址：https://github.com/electron/electron/releases/4、

4、接下來(lái)，winCodeSign文件不能下載

同樣，直接想辦法離線(xiàn)把這個(gè)文件對(duì)應(yīng)的版本下載下來(lái)

解壓放到下面的目錄（沒(méi)有目錄就創(chuàng)建一下）

C:\Users\*****\AppData\Local\electron-builder\cache\winCodeSign

5、接下來(lái)又遇到rcedit-ia32.exe文件找不到的問(wèn)題

但是這個(gè)文件確實(shí)是有的，只是不在這個(gè)主目錄，而在這個(gè)里面

C:\Users\***\AppData\Local\electron-builder\cache\winCodeSign\winCodeSign-2.4.0\winCodeSign

不知道為啥會(huì)這樣，不管那么多，直接把這兩個(gè)文件復(fù)制到上級(jí)目錄去吧

6、下載nsis文件錯(cuò)誤

同樣，離線(xiàn)下載下來(lái)，解壓放到下面目錄

然后繼續(xù)，又會(huì)提示 nsis-resources-3.3.0 文件下載不了，同樣，離線(xiàn)下載放到上圖對(duì)應(yīng)的目錄。

OK，所有依賴(lài)終于下載完了，最后再執(zhí)行electron-builder 打包成功！

在 my-project\build 里面生成了EXE文件，可以安裝測(cè)試效果。

安裝之后，遇到打開(kāi)程序出現(xiàn)空白，啥都沒(méi)有顯示?。∵\(yùn)行 npm run build 得到一些錯(cuò)誤，找了半天，突然看到 目錄路徑是亂碼，因?yàn)槲业捻?xiàng)目代碼路徑有中文！改之，再 npm run build ,OK，通過(guò)；然后，再打包，一切正常了??！

總結(jié)

到此這篇關(guān)于Electron 打包問(wèn)題：electron-builder 下載各種依賴(lài)出錯(cuò)的文章就介紹到這了,更多相關(guān)Electron 打包electron-builder依賴(lài)出錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論