vue-electron項目創(chuàng)建記錄及問題小結解決方案
vue-electron 項目創(chuàng)建記錄及注意事項
1、使用vue ui或者命令行創(chuàng)建vue項目
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修改配置:
問題：1、運行項目會報錯
解決方案：
更換ts-loader版本
npm uninstall ts-loader
npm install ts-loader@8.2.0
打包報錯:
解決方案:
配置文件加上紅框內容：set NODE_OPTIONS=--openssl-legacy-provider &&
打包時會自動下載一些第三方包，報錯一般是下載url錯誤，url中版本號少了“v”,加上后手動下載，放到緩存目錄:C:\Users\Administrator\AppData\Local\electron\Cache
解決方案二：
項目根目錄下增加 .npmrc 文件
ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/
ELECTRON_BUILDER_BINARIES_MIRROR=http://npm.taobao.org/mirrors/electron-builder-binaries/
打包后，運行exe，界面空白，解決方案:
修改路由配置 router/index.ts:
到此這篇關于vue-electron 項目創(chuàng)建記錄及注意事項的文章就介紹到這了,更多相關vue-electron 項目創(chuàng)建內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
序號算是在展示數(shù)據(jù)的時候，一種很普遍的屬性了，我們可以自己寫生成序號的規(guī)則，也可以借助第三方，這篇文章主要介紹了Vue使用Element-UI生成并展示表頭序號的方法,需要的朋友可以參考下2023-01-01
下面小編就為大家?guī)硪黄獀ue2.X組件學習心得(新手必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
本文主要介紹了Vue?項目的成功發(fā)布和部署的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-05-05
這篇文章主要介紹了詳解vue的diff算法原理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
詳解Vue 普通對象數(shù)據(jù)更新與 file 對象數(shù)據(jù)更新
本篇文章主要介紹了詳解Vue 普通對象數(shù)據(jù)更新與 file 對象數(shù)據(jù)更新 ，具有一定的參考價值，有興趣的可以了解一下。2017-04-04
vue基礎之事件v-onclick="函數(shù)"用法示例
這篇文章主要介紹了vue基礎之事件v-onclick="函數(shù)"用法,結合實例形式分析了vue.js事件v-on:click="函數(shù)"的data數(shù)據(jù)添加、點擊響應、以及留言本功能相關操作技巧,需要的朋友可以參考下2019-03-03
這篇文章主要介紹了vue父組件異步獲取數(shù)據(jù)傳給子組件,需要的朋友可以參考下2018-07-07
本文主要介紹了Vue打包后頁面出現(xiàn)空白解決辦法，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
vite.config.js或者vue.config.js配置方式
這篇文章主要介紹了vite.config.js或者vue.config.js配置方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要和大家一起深入探討Vue.js組件和組件通信的相關資料，感興趣的小伙伴們可以參考一下2016-09-09