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)是不是滿了；
2. 殺毒軟件，我這邊把電腦管家關(guān)了就可以了；
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解Vue如何實(shí)現(xiàn)自定義動(dòng)畫(huà)與動(dòng)畫(huà)效果設(shè)計(jì)
在Vue中，動(dòng)畫(huà)效果是非常有用的，它可以使用戶界面變得更加生動(dòng)、有趣，本文中我們將學(xué)習(xí)如何在Vue中進(jìn)行自定義動(dòng)畫(huà)與動(dòng)畫(huà)效果設(shè)計(jì)，感興趣的可以了解一下2023-06-06
如何取消Vue Watch監(jiān)聽(tīng)的方法示例
在實(shí)際項(xiàng)目中,watch 本質(zhì)上是一種長(zhǎng)期訂閱關(guān)系,如果不加控制,它會(huì)在數(shù)據(jù)變化的整個(gè)生命周期內(nèi)持續(xù)觸發(fā),這在很多場(chǎng)景下并不是我們想要的,所以我們有時(shí)會(huì)想取消Vue Watch監(jiān)聽(tīng),因此本文給大家介紹了取消Vue Watch監(jiān)聽(tīng)的方法示例,需要的朋友可以參考下2026-01-01
element table列表根據(jù)數(shù)據(jù)設(shè)置背景色
在使用elementui中的el-table時(shí),需要將表的背景色和字體顏色設(shè)置為新顏色,本文就來(lái)介紹一下element table列表根據(jù)數(shù)據(jù)設(shè)置背景色,感興趣的可以了解一下2023-08-08
通過(guò)vue.extend實(shí)現(xiàn)消息提示彈框的方法記錄
這篇文章主要給大家介紹了關(guān)于通過(guò)vue.extend實(shí)現(xiàn)消息提示彈框的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
淺析vue-router實(shí)現(xiàn)原理及兩種模式
這篇文章主要介紹了vue-router實(shí)現(xiàn)原理及兩種模式分析,給大家介紹了vue-router hash模式與history模式不同模式下處理邏輯，需要的朋友可以參考下2020-02-02
基于el-tree實(shí)現(xiàn)懶加載穿梭條的示例代碼
這篇文章主要介紹了基于el-tree實(shí)現(xiàn)懶加載穿梭條的示例代碼,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-03-03
這篇文章主要介紹了Vue slot插槽的使用，在生活中很多地方都有插槽，電腦usb的插槽，插板當(dāng)中的電源插槽，插槽的目的是為了讓我們?cè)瓉?lái)的設(shè)備具備更多的擴(kuò)展性比如電腦的USB我們可以插入U(xiǎn)盤(pán)，手機(jī)，鼠標(biāo)，鍵盤(pán)等等，下面文章就來(lái)介紹Vue slot插槽是如何使用的2021-10-10
基于webpack4+vue-cli3項(xiàng)目實(shí)現(xiàn)換膚功能
這篇文章主要介紹了基于webpack4+vue-cli3項(xiàng)目的換膚功能,文中是通過(guò)scss+style-loader/useable做換膚功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-07-07
vuejs數(shù)據(jù)超出單行顯示更多，點(diǎn)擊展開(kāi)剩余數(shù)據(jù)實(shí)例
這篇文章主要介紹了vuejs數(shù)據(jù)超出單行顯示更多，點(diǎn)擊展開(kāi)剩余數(shù)據(jù)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
Vue實(shí)現(xiàn)購(gòu)物車實(shí)例代碼兩則
這篇文章主要介紹了Vue實(shí)現(xiàn)購(gòu)物車實(shí)例代碼,需要的朋友可以參考下2020-05-05