Electron 踩坑記錄(一)

2021-10-23 20:48:28 字數 848 閱讀 4507

構建pc客戶端,採用electron-vue腳手架進行快速搭建環境。

功能點在web端全部正常,移植**到electron時出現問題的功能點有:

2. ant-design-vue ui 框架部分元件失效

electron 引用 flash 外掛程式打包示例

簡單記錄問題關鍵

問題:pc 客戶端 ant-design-vue 部分元件不能正常工作 

原因:electron-vue 將它視為 webpack 的 externals 了,其中 ui 元件含有的 vue 檔案沒有被 vue-loader 正常編譯,才導致功能失效

解決:找到 .electron-vue/webpack.renderer.config.js 將 ant-design-vue 加入到白名單 whitelistedmodules

? electron 白名單配置

原因:electron 無法讀取 vue-video-player 依賴安裝的 videojs-flash 外掛程式

解決:單獨安裝 videojs-flash 外掛程式為專案的依賴 npm i videojs-flash -s

問題:編譯成 pc 客戶端後出現 vue-video-player 在即將 ready 這一步卡住

原因:chromium 環境下 flash 載入的安全問題,不允許在 "file://" 協議下載入,而打包後的檔案預設以 "file://" 協議載入

解決:在主線程裡起乙個 express 服務,使得打包後頁面檔案執行在本地的 http 埠服務即可

Electron踩坑記錄

3.為什麼使用browserview而不是iframe?iframe跟宿主頁面共享乙個渲染程序,當宿主頁面和iframe頁面都含有webrtc功能時,iframe會跟宿主頁面搶占資源,導致兩個頁面都非常卡,卡到無法使用。electron 的 browserview會獨立開闢乙個渲染程序,不跟宿主頁面...

linux下electron踩坑記錄

在寫 匯入模組的時候,路徑一定要區分大小。比如新建檔案的時候conversationlist.vue 是這樣的,但是在匯入的時候使用conversationlist在win平台編譯的時候不會報錯,但是在linux下就會報錯。所以在開發的過程中一定要注意 規範,嚴格區分大小寫。在模組中使用remote...

工作踩坑記錄 一

剛畢業兩個月,最近忙著和老大進行專案驗收大綱的編寫,之前看 的時候沒有這麼深的感悟,當我寫 的時候各種低階失誤不斷,很感謝有我的老大耐心的指導,最近被我氣的血快吐出來了。1.最近我根據大的程式框架分割小的測試 進行驗收大綱的指標校驗,今天除錯4x aurora碰到了乙個問題,把資料送到資料口,aur...