vue-electron項(xiàng)目創(chuàng)建記錄及問(wèn)題小結(jié)解決方案
vue-electron 項(xiàng)目創(chuàng)建記錄及注意事項(xiàng)
1、使用vue ui或者命令行創(chuàng)建vue項(xiàng)目
2、添加electron插件
3、安裝element-plus:
npm install --save element-plus
4、修改配置文件如下圖:
vue.config.js增加配置：
pluginOptions:{
electronOutput: {
contextIsolation: false, //上下文隔離
nodeIntegration: true, //nodejs支持
enableRemoteModule: true //remote
}
}background.ts修改配置:
問(wèn)題：1、運(yùn)行項(xiàng)目會(huì)報(bào)錯(cuò)
解決方案：
更換ts-loader版本
npm uninstall ts-loader
npm install ts-loader@8.2.0
打包報(bào)錯(cuò):
解決方案:
配置文件加上紅框內(nèi)容：set NODE_OPTIONS=--openssl-legacy-provider &&
打包時(shí)會(huì)自動(dòng)下載一些第三方包，報(bào)錯(cuò)一般是下載url錯(cuò)誤，url中版本號(hào)少了“v”,加上后手動(dòng)下載，放到緩存目錄:C:\Users\Administrator\AppData\Local\electron\Cache
解決方案二：
項(xiàng)目根目錄下增加 .npmrc 文件
ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/
ELECTRON_BUILDER_BINARIES_MIRROR=http://npm.taobao.org/mirrors/electron-builder-binaries/
打包后，運(yùn)行exe，界面空白，解決方案:
修改路由配置 router/index.ts:
到此這篇關(guān)于vue-electron 項(xiàng)目創(chuàng)建記錄及注意事項(xiàng)的文章就介紹到這了,更多相關(guān)vue-electron 項(xiàng)目創(chuàng)建內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue mounted()函數(shù)中無(wú)法定義初始化樣式的原因分析
這篇文章主要介紹了vue mounted()函數(shù)中無(wú)法定義初始化樣式的原因分析,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
本文主要介紹了element前端實(shí)現(xiàn)壓縮圖片的功能，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
淺談vue+webpack項(xiàng)目調(diào)試方法步驟
本篇文章主要介紹了淺談vue+webpack項(xiàng)目調(diào)試方法步驟，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
echarts3如何清空上一次加載的series數(shù)據(jù)
這篇文章主要介紹了echarts3如何清空上一次加載的series數(shù)據(jù)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了Vue中生命周期定義及流程，生命周期又被稱為生命周期回調(diào)函數(shù)、生命周期函數(shù)或生命周期鉤子，下文關(guān)于其更多有趣的介紹需要的小伙伴可以參考一下文章詳細(xì)內(nèi)容2022-05-05
如何使用Vue mapState快捷獲取Vuex state多個(gè)值
這篇文章主要為大家介紹了如何使用Vue mapState快捷獲取Vuex state多個(gè)值實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
Vue3實(shí)現(xiàn)跨頁(yè)面?zhèn)髦档膸追N常見(jiàn)方法
在Vue 3中,跨頁(yè)面?zhèn)髦悼梢酝ㄟ^(guò)多種方式實(shí)現(xiàn),具體選擇哪種方法取決于應(yīng)用的具體需求和頁(yè)面間的關(guān)系,本文列舉了幾種常見(jiàn)的跨頁(yè)面?zhèn)髦捣椒?感興趣的同學(xué)跟著小編來(lái)看看吧2024-04-04
這篇文章主要介紹了Vue 重置組件到初始狀態(tài)的方法示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
如何解決vue-json-editor無(wú)法輸入中文、重影問(wèn)題
文章介紹了如何解決vue-json-editor組件無(wú)法輸入中文和重影的問(wèn)題,通過(guò)修改源碼并使用vue-json-edit-fix-cn組件來(lái) fix 這兩個(gè)問(wèn)題,同時(shí),文章還提供了如何移除舊的依賴包并安裝新的依賴包的步驟2025-01-01
vue計(jì)算屬性computed方法內(nèi)傳參方式
這篇文章主要介紹了vue計(jì)算屬性computed方法內(nèi)傳參方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10