windows環境下electron開發遇到的各種坑彙總

進行electron開發要經常參考github上的優秀代碼,亦或者需要使用npm、cnpm、yarn這些包管理工具來管理項目,在開發過程中會有很多坑需要填,這篇博客就綜合記錄下這些知識點

1、github速度慢的解決方法

首先,在www.ipaddress.com中查看github.com以及github.global.ssl.fastly.net映射地址。
然後,在hosts中進行對應的配置,這裏根據當前的映射地址進行配置,需要注意的是這個映射地址經常都在變,當發現速度變慢後,建議再次更新地址。
最後,執行ipconfig/flushdns刷新dns,如果不行的話,就重啓。

140.82.114.4 github.com
199.232.69.194   github.global.ssl.fastly.net

配置後,使用ping github.com後應該能明顯看到速度變快

2、npm、cnpm以及yarn包管理工具的配置

這裏就不介紹怎麼安裝了,需要說明的是由於國內網絡問題,npm下載速度很慢可以通過配置淘寶鏡像來管理包工具,cnpm以及yarn都是可以配置成淘寶鏡像的,以下以cnpm爲例來說明,yarn也是一樣的配置。

cnpm config set registry https://registry.npm.taobao.org
cnpm config set disturl https://npm.taobao.org/dist

3、electron 開發遇到的坑

在electron桌面開發中遇到很多坑,這裏一一總結下

坑1: electron桌面無法使用react-devtools
在具體package.json中使用electron-devtools-installer來管理devtools,但是當配置electron爲9.xx版本後,無法正常的顯示react-devtools,這個對於使用reactjs來進行桌面應用開發是相當痛苦的,經過各種嘗試,發現以下配置是能夠正常加載出react-devtools的

"electron-devtools-installer": "^2.2.4",
"electron": "^8.0.1",
"react-dom": "^16.3.1",
"react": "^16.3.1",

坑2:ajax網絡訪問提示NET::ERR_CERT_AUTHORITY_INVALID
這種情況實際上表示當前訪問的網絡是不安全,沒有對應的證書,客戶端解決的辦法可以參考electron私有部署webview加載不安全的https網址,我通過添加如下代碼解決問題

app.commandLine.appendSwitch('--ignore-certificate-errors', 'true')

坑3:yarn install時候 一直提示electron waiting
這個可以參考安裝Electron的時候,卡住問題 ,我是用的yarn來管理package,所以實在.yarnrc文件中進行對應的配置

electron_mirror="https://npm.taobao.org/mirrors/electron/"(填上這句話即可)

待續。。。

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