這個問題困擾我很久了
先附上解決問題的地方
環境
win10
vscode編輯器
vue-cli4.1.2
vue-cli-plugin-vuetify2.0.3
vue-cli-plugin-electron-builder1.4.4
bug出現原因:正常使用開發vuetify,使用yarn electron:serve試調程序正常運行。
打包解決依賴問題
其中打包時遇到一些問題,
• downloading url=https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.5.0/winCodeSign-2.5.0.7z size=5.6 MB parts=1
上兩種方法對應文件夾不一樣,請自行注意,對應路徑參考在下可以直接搜索Cache找到
我解決的時候自己下載壓縮文件多種解壓方式均有問題,腳本安裝均沒有自動識別。
最後是直接放在文件夾每個都試了一遍,一定注意文件目錄結構要正確!
其次,如果結構也沒問題,等一下,一般下次會有多次請求,在等待超時時間過後,就你手動解壓的文件就識別成功了,耐心等一下。我是這麼解決的。
最後打包成功,不附圖了。有多重打包模式,自行設置。
我後來安裝運行,空白。
後找到,由history改爲hash模式解決空白問題。但是依然有報錯問題。(問題集參考文章首處)
比較坑的一個地方
使用vue-cli-plugin-electron-builder插件時,用命令yarn electron:serve(npm一樣),運行成功後創建的窗口顯示沒問題,打包有問題,也就是說,引用webpack地方有問題,在生產環境不支持history模式,而在試調可以。具體問題沒找出。有發現的可以評論下。
還有個很奇怪的地方,安裝vuetify和vue-cli-plugin-electron-builder後運行yarn electron:serve,
electron創建的窗口正常顯示,本地局域網和localhost的網頁端訪問空白,報錯爲
使用命令yarn serve則正常顯示,並且插件能識別,可以試調。而且網易端顯示正常。
解決的可以評論一下