國內electron-vue build報錯解決方法

哈斯冰波發表於2019-06-24

前言

由於公司網限制各種筆記軟體使用,所以只能寫在這裡,便於自己以後檢視。

常規安裝

1.安裝node + npm (這個不用多說了)

2.安裝淘寶映象cnpm (因為國外的有些資源下載龜速)

npm install -g cnpm --registry=https://registry.npm.taobao.org
複製程式碼

3.建立electron-vue專案(網上資源很多,最終選擇build打包方式)

$ vue init simulatedgreg/electron-vue exceltools
複製程式碼

4.根據package.json裡的各種打包方式,最後打包會報錯主要是網路原因導致沒法下載依賴包,5個依賴包如下:

1.electron-v2.0.18-win32-x64.zip
2.SHASUMS256.txt-2.0.18
3.winCodeSign-2.4.0
4.nsis-3.0.3.2
5.nsis-resources-3.3.0
複製程式碼

5.各個依賴包下載路徑及安裝位置

1.electron-v2.0.18-win32-x64.zip和SHASUMS256.txt-2.0.18(如果需要32位的就對應下載electron-v2.0.18-win32-ia32.zip)

下載資源npm.taobao.org/mirrors/ele…

備註:在上面的地址中,找到對應版本,下載如下兩個檔案:electron-v2.0.18-win32-x64.zip和SHASUMS256.txt

安裝位置:C:\Users\windows使用者\AppData\Local\electron\Cache,並將.txt檔名加上版本號:electron-v2.0.18-win32-x64.zip和SHASUMS256.txt-1.8.2

國內electron-vue build報錯解決方法
1.1在複製一份放在C:\Users\WJ\ .electron

國內electron-vue build報錯解決方法

2.winCodeSign-2.4.0

下載資源github.com/electron-us… 在裡面找到winCodeSign-2.4.0

安裝位置:在目錄C:\Users\windows使用者\AppData\Local\electron-builder\cache\winCodeSign\winCodeSign-2.4.0(沒有該檔案就新建,後面都是這樣)下,將解壓的檔案直接放入這個目錄下,將下載檔案解壓到此資料夾內

國內electron-vue build報錯解決方法

3.nsis-3.0.3.2.7z

下載資源github.com/electron-us… 在裡面找到nsis-3.0.3.2.7z

安裝位置:在目錄C:\Users\windows使用者\AppData\Local\electron-builder\cache\nsis下,將解壓的檔案直接放入這個目錄下,將下載檔案解壓到此資料夾內

國內electron-vue build報錯解決方法

3.nsis-resources-3.3.0

下載資源github.com/electron-us… 在裡面找到nsis-resources-3.3.0.7z

安裝位置:在目錄C:\Users\windows使用者\AppData\Local\electron-builder\cache\nsis下,將解壓的檔案直接放入這個目錄下,將下載檔案解壓到此資料夾內(和上面)

國內electron-vue build報錯解決方法

重新build應該可以成功了

相關文章