1. 程式人生 > 程式設計 >Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

寫在前面:Electron相關的操作還是不要使用CNPM的操作命令,這樣後面會遇到各種問題:比如安裝某些依賴的問題;但是原生的NPM命令又很慢,咋怎呢?有辦法!使用smart-npm

Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

安裝smart-npm

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

----------------------------------分割線,下面的cnpm替換為npm吧-------------------------------1、安裝electron-builder(注意全域性安裝

cnpm install -g electron-builder

cnpm install -g electron-package

2、在專案目錄(my-project)執行打包命令

electron-builder

3、由於網路原因,各種包下載不下來,導致出錯;如下圖

Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

可以看到,這裡在下載electron-v2.0.17-win32-x64.zip 這個包,那隻能通過其他方式,離線下載,然後放到對應的目錄裡面

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

Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

需要注意的是,不僅要下載這個壓縮包,還要把對應的SHASUMS256.txt-檔案也下載下來放進去;

到這裡去找對應的版本下載地址:https://github.com/electron/electron/releases/4、

4、接下來,winCodeSign檔案不能下載

Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

同樣,直接想辦法離線把這個檔案對應的版本下載下來

解壓放到下面的目錄(沒有目錄就建立一下)

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

Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

5、接下來又遇到rcedit-ia32.exe檔案找不到的問題

Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

但是這個檔案確實是有的,只是不在這個主目錄,而在這個裡面

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

Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

不知道為啥會這樣,不管那麼多,直接把這兩個檔案複製到上級目錄去吧

Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

6、下載nsis檔案錯誤

Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

同樣,離線下載下來,解壓放到下面目錄

Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

然後繼續,又會提示nsis-resources-3.3.0 檔案下載不了,同樣,離線下載放到上圖對應的目錄。

OK,所有依賴終於下載完了,最後再執行electron-builder 打包成功!

在my-project\build 裡面生成了EXE檔案,可以安裝測試效果。

安裝之後,遇到開啟程式出現空白,啥都沒有顯示!!執行 npm run build 得到一些錯誤,找了半天,突然看到 目錄路徑是亂碼,因為我的專案程式碼路徑有中文!改之,再 npm run build,OK,通過;然後,再打包,一切正常了!!

總結

到此這篇關於Electron 打包問題:electron-builder 下載各種依賴出錯的文章就介紹到這了,更多相關Electron 打包electron-builder依賴出錯內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!