Electron 打包問(wèn)題:electron-builder 下載各種依賴(lài)出錯(cuò)(推薦)
寫(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)文章希望大家以后多多支持腳本之家!
- Electron 使? electron-builder 打包應(yīng)用過(guò)程詳解
- 使用electron-builder將項(xiàng)目打包成桌面程序的詳細(xì)教程
- vue配置electron使用electron-builder進(jìn)行打包的操作方法
- electron-builder打包vue2項(xiàng)目問(wèn)題總結(jié)
- 快速解決electron-builder打包時(shí)下載依賴(lài)慢的問(wèn)題
- vue項(xiàng)目使用electron-builder庫(kù)打包成桌面程序的過(guò)程
- electron-builder打包exe后白屏的解決方法
- electron-builder 的基本使用及electron打包步驟
- vite?+?electron-builder?打包配置詳解
- electron-builder打包配置詳解
- electron-builder打包與發(fā)布Electron應(yīng)用
相關(guān)文章
JS實(shí)現(xiàn)可移動(dòng)模態(tài)框
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)可移動(dòng)模態(tài)框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07javascript 中設(shè)置window.location.href跳轉(zhuǎn)無(wú)效問(wèn)題解決辦法
這篇文章主要介紹了javascript 中設(shè)置window.location.href跳轉(zhuǎn)無(wú)效問(wèn)題解決辦法的相關(guān)資料,需要的朋友可以參考下2017-02-02JS實(shí)現(xiàn)網(wǎng)頁(yè)上隨機(jī)產(chǎn)生超鏈接地址的方法
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)頁(yè)上隨機(jī)產(chǎn)生超鏈接地址的方法,涉及JavaScript隨機(jī)數(shù)的相關(guān)使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11JavaScript獲取圖片真實(shí)大小代碼實(shí)例
這篇文章主要介紹了JavaScript獲取圖片真實(shí)大小代碼實(shí)例,本文使用onload事件來(lái)獲取圖片的真實(shí)大小,需要的朋友可以參考下2014-09-09構(gòu)建一個(gè)JavaScript插件系統(tǒng)
這篇文章主要介紹了如何構(gòu)建一個(gè)JavaScript插件系統(tǒng),幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下2020-10-10JavaScript使用html2canvas實(shí)現(xiàn)截取HTML并生成圖片
在前端開(kāi)發(fā)中,有時(shí)我們需要將網(wǎng)頁(yè)的一部分或整個(gè)頁(yè)面截取并保存為圖片,這在生成報(bào)告、分享內(nèi)容或保存用戶(hù)界面狀態(tài)等場(chǎng)景中非常有用,本文將介紹如何使用 JavaScript 庫(kù) html2canvas 來(lái)實(shí)現(xiàn)這一功能,并提供一個(gè)完整的示例,需要的朋友可以參考下2024-10-10JS實(shí)現(xiàn)判斷圖片是否加載完成的方法分析
這篇文章主要介紹了JS實(shí)現(xiàn)判斷圖片是否加載完成的方法,結(jié)合實(shí)例形式分析了javascript常見(jiàn)的圖片加載完成判斷方法與相關(guān)操作技巧,需要的朋友可以參考下2018-07-07JavaScript獲取偽元素(Pseudo-Element)屬性的方法技巧
這篇文章主要介紹了JavaScript獲取偽元素(Pseudo-Element)屬性的方法技巧,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-03-03