Electron中打包應(yīng)用程序及相關(guān)報(bào)錯(cuò)問(wèn)題的解決
1.導(dǎo)入項(xiàng)目到Forge
npm install --save-dev @electron-forge/cli npx electron-forge import
轉(zhuǎn)換腳本完成后，F(xiàn)orge 會(huì)將一些腳本添加到您的 package.json 文件中。
// package.json
"scripts": {
"start": "electron-forge start",
"package": "electron-forge package",
"make": "electron-forge make"
},
若出現(xiàn)以下報(bào)錯(cuò)，則可能是node版本過(guò)低導(dǎo)致的。
node -v 查看 node 版本
切換 node 版本，將 node 切換至最新版本
再運(yùn)行 npx electron-forge import ，就可往下一步進(jìn)行了
2.創(chuàng)建一個(gè)可分發(fā)版本
要?jiǎng)?chuàng)建可分發(fā)文件，請(qǐng)使用項(xiàng)目中的 make 腳本，
該腳本最終運(yùn)行了 electron-forge make 命令。
npm run make
該 make 命令包含兩步：
- 首先運(yùn)行 electron-forge package ，把應(yīng)用程序代碼與 Electron 二進(jìn)制包結(jié)合起來(lái)。 完成打包的代碼將會(huì)被生成到一個(gè)特定的文件夾中。
- 然后它將使用這個(gè)文件夾為每個(gè) maker 配置生成一個(gè)可分發(fā)文件。
在腳本運(yùn)行后，可以看到一個(gè) out 文件夾，其中包括可分發(fā)文件與一個(gè)包含其源碼的文件夾。
macOS output example
out/ ├── out/make/zip/darwin/x64/my-electron-app-darwin-x64-1.0.0.zip ├── ... └── out/my-electron-app-darwin-x64/my-electron-app.app/Contents/MacOS/my-electron-app
windows output example
out/make 文件夾中的應(yīng)用程序應(yīng)該可以啟動(dòng)了。
若出現(xiàn)以下報(bào)錯(cuò)，提示：authors 和 description 必填項(xiàng)，對(duì)應(yīng)地我們應(yīng)該填上這兩項(xiàng)
若出現(xiàn)以下報(bào)錯(cuò)，可以排查：
1. 磁盤(pán)是不是滿(mǎn)了；
2. 殺毒軟件，我這邊把電腦管家關(guān)了就可以了；
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue父子組件傳值的三種方法，本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12
Vue3.2?setup語(yǔ)法糖及Hook函數(shù)基本使用
這篇文章主要為大家介紹了Vue3.2?setup語(yǔ)法糖及Hook函數(shù)基本使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
vue--點(diǎn)擊當(dāng)前增加class,其他刪除class的方法
今天小編就為大家分享一篇vue--點(diǎn)擊當(dāng)前增加class,其他刪除class的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要介紹了vue 動(dòng)態(tài)生成拓?fù)鋱D的示例，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
自定義指令是用來(lái)操作DOM的。自定義指令就是一種有效的補(bǔ)充和擴(kuò)展，不僅可用于定義任何的DOM操作，并且是可復(fù)用的。這篇文章主要介紹了Vue.js自定義指令的用法與實(shí)例解析，一起看看吧2017-01-01
如何利用vue實(shí)現(xiàn)登陸界面及其跳轉(zhuǎn)詳解
在開(kāi)發(fā)中我們經(jīng)常遇到這樣的需求,需要用戶(hù)直接點(diǎn)擊一個(gè)鏈接進(jìn)入到一個(gè)頁(yè)面,下面這篇文章主要給大家介紹了關(guān)于如何利用vue實(shí)現(xiàn)登陸界面及其跳轉(zhuǎn)的相關(guān)資料,需要的朋友可以參考下2023-04-04
vue3.x使用swiperUI動(dòng)態(tài)加載圖片失敗的解決方法
這篇文章主要為大家詳細(xì)介紹了vue3.x使用swiperUI動(dòng)態(tài)加載圖片失敗的解決方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
解決iview table組件里的 固定列 表格不自適應(yīng)的問(wèn)題
這篇文章主要介紹了解決iview table組件里的 固定列 表格不自適應(yīng)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
這篇文章主要介紹了vue的自定義指令傳參方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
vue處理get/post的http請(qǐng)求的實(shí)例
本文主要介紹了vue處理get/post的http請(qǐng)求的實(shí)例，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03