Electron運(yùn)行在Ubuntu17.10系統(tǒng)上中文亂碼的解決方案

最近更新了系統(tǒng),由ubuntu16.04升級(jí)到了17.10,但是運(yùn)行好好的App出現(xiàn)了問(wèn)題,首先是Application Menu上右側(cè)App圖標(biāo)不能顯示,左側(cè)App名稱也出現(xiàn)了亂碼(中文),Dock上的圖標(biāo)也顯示不出來(lái),并且鼠標(biāo)放上去也顯示亂碼(中文),凈給添亂,唉。

1. 圖標(biāo)不顯示

Github上有人也反饋了Application Menu上圖標(biāo)不顯示的BUG,https://github.com/electron/electron/issues/10887,采用該方案在虛擬機(jī)中時(shí)不管用的,但是在真機(jī)上可以,也是比較奇怪。

// 在代碼中添加下列代碼
if(process.env.XDG_CURRENT_DESKTOP == 'ubuntu:GNOME') {
    process.env.XDG_CURRENT_DESKTOP = 'Unity';
}

2. 中文標(biāo)題顯示亂碼

在項(xiàng)目的package.json文件中有兩個(gè)字段,nameproductName,在Ubuntu16.04上只要設(shè)置productName字段就可以,中文也可以正常顯示,但是升級(jí)到Ubuntu17.10以后,該字段已經(jīng)失效了,英文可以正常顯示,但是中文顯示的是亂碼。

解決方案:

  1. 在package.json文件中刪除productName字段
  2. 在用electron-packager打包時(shí),添加--appname來(lái)指定App的名稱

按照上面步驟修改完成之后,再次打包,啟動(dòng),中文就不會(huì)亂碼了,而且Dock上的圖標(biāo)也可以正常顯示了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 原文:https://github.com/electron/electron/blob/master/docs/...
    Shmily落墨閱讀 2,694評(píng)論 0 1
  • 本文將通過(guò)hello word案例,來(lái)記錄學(xué)習(xí)electron的過(guò)程。注:我的環(huán)境是 macOS Sierra,不...
    回調(diào)的幸福時(shí)光閱讀 15,741評(píng)論 5 40
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,923評(píng)論 18 139
  • 版權(quán)聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉(zhuǎn)載。 1.OC: Object- C ,面向?qū)ο蟮恼Z(yǔ)言 2、OC ...
    LeaderBiao閱讀 411評(píng)論 0 1
  • 好喜歡這種寧?kù)o,每年能在老家呆上十天半個(gè)月,也是有件幸事啊! 現(xiàn)在在孩子奶奶家,孩子爸爸因?yàn)橛惺峦硇┗貋?lái),奶奶平時(shí)...
    岳岳的育兒365記閱讀 424評(píng)論 0 3