vue+electron+vuetify,打包程序空白,解決

這個問題困擾我很久了

先附上解決問題的地方

環境

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

解決方法1

解決方法2

上兩種方法對應文件夾不一樣,請自行注意,對應路徑參考在下可以直接搜索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則正常顯示,並且插件能識別,可以試調。而且網易端顯示正常。

解決的可以評論一下

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章