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使用Element-UI生成并展示表頭序號(hào)的方法
序號(hào)算是在展示數(shù)據(jù)的時(shí)候，一種很普遍的屬性了，我們可以自己寫(xiě)生成序號(hào)的規(guī)則，也可以借助第三方，這篇文章主要介紹了Vue使用Element-UI生成并展示表頭序號(hào)的方法,需要的朋友可以參考下2023-01-01
下面小編就為大家?guī)?lái)一篇vue2.X組件學(xué)習(xí)心得(新手必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
Vue?項(xiàng)目的成功發(fā)布和部署的實(shí)現(xiàn)
本文主要介紹了Vue?項(xiàng)目的成功發(fā)布和部署的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
這篇文章主要介紹了詳解vue的diff算法原理，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
詳解Vue 普通對(duì)象數(shù)據(jù)更新與 file 對(duì)象數(shù)據(jù)更新
本篇文章主要介紹了詳解Vue 普通對(duì)象數(shù)據(jù)更新與 file 對(duì)象數(shù)據(jù)更新 ，具有一定的參考價(jià)值，有興趣的可以了解一下。2017-04-04
vue基礎(chǔ)之事件v-onclick="函數(shù)"用法示例
這篇文章主要介紹了vue基礎(chǔ)之事件v-onclick="函數(shù)"用法,結(jié)合實(shí)例形式分析了vue.js事件v-on:click="函數(shù)"的data數(shù)據(jù)添加、點(diǎn)擊響應(yīng)、以及留言本功能相關(guān)操作技巧,需要的朋友可以參考下2019-03-03
這篇文章主要介紹了vue父組件異步獲取數(shù)據(jù)傳給子組件,需要的朋友可以參考下2018-07-07
本文主要介紹了Vue打包后頁(yè)面出現(xiàn)空白解決辦法，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
vite.config.js或者vue.config.js配置方式
這篇文章主要介紹了vite.config.js或者vue.config.js配置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要和大家一起深入探討Vue.js組件和組件通信的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-09-09