electron打包踩過的坑總結

vue-electron 執行npm run build時,在build的時候會由於下載遠程打包所需文件而超時,而後根據錯誤一步一步就行手動安裝相應的文件。
雖然在網上參考了不少相關方法,最終仍是失敗,而後多次嘗試後,終於成功了。
附上elelctron相關的淘寶鏡像地址:https://npm.taobao.org/mirror...vue

  • step1:npm run build後,第一次報錯須要下載 electron-v2.0.18-win32-x64.zip(我這裏是須要該版本的文件,根據本身的錯誤信息,來選擇對應的版本下載便可),在鏡像中選取該版本號 2.0.18,點擊進入,並選擇下載 electron-v2.0.18-win32-x64.zipSHASUMS256.txt, 下載完成後,將SHASUMS256.txt文件改爲 SHASUMS256.txt-2.0.18,而後將兩個文件拷入如圖位置:沒有路徑的,須要本身該建立路徑
  • step2:完成step1後,繼續npm run build,發現又有文件下載失敗 winCodeSign-2.4.0(我這裏是須要該版本的文件,根據本身的錯誤信息,來選擇對應的版本下載便可),而後本身手動下載https://github.com/electron-u...,這裏下載的是Source code(zip),速度快,下載完成後解壓,拷貝如圖位置全部文件:
    拷貝winCodeSign全部文件
    拷貝至如圖位置:
    沒有路徑的,須要本身該建立路徑
  • step3:完成step2後,繼續npm run build,發現又有文件下載失敗 nsis-3.0.3.2(同上),而後本身手動下載https://github.com/electron-u...,同上,下載完成後解壓,拷貝如圖位置全部文件:拷貝nsis裏全部文件
    拷貝至如圖位置:
    沒有路徑的,須要本身該建立路徑
  • step4:完成step3後,繼續npm run build,發現又有文件下載失敗 nsis-resources-3.3.0,可是按照上面的方法操做,最後仍是會報錯,而後我嘗試,用step3中下載解壓後的這個nsis-3.0.3.2版本試試,拷貝如圖位置全部文件:
    拷貝nsis-resources全部文件
    拷貝至如圖位置:
    沒有路徑的,須要本身該建立路徑

至此,咱們一共進行了四次拷貝操做,完成以上四步操做後,運行npm run build,不一下子就能打包成功,獲得你的第一個exe版本。git

相關文章
相關標籤/搜索