Electron 的中文亂碼問題


解決辦法

這就是一個編碼問題,我們需要用到chcp指令來解決這個問題。它是一個計算機指令,能夠顯示或設置活動代碼頁(即字符集編碼)的編號,可以通過它來設置當前程序的字符集編碼。
打開cmd.exe,執行指令:chcp,即可查看當前的字符集編碼,一般會顯示936
在這里插入圖片描述
但是一般網頁用的編碼是UTF-8,活動頁代碼編號為65001,因此要把它改過來。進入項目所在目錄,輸入指令chcp 65001修改編碼號,然后運行。這樣就沒有亂碼了。

chcp 65001

npm start

image-20210223161548530

但是這樣下一次運行的時候還是得輸入chcp 65001指令,再次修改字符集編碼,否則還是會亂碼。所以我們可以在程序中修改,使他在運行程序之前將字符集編碼修改為65001,在package.json中修改代碼:

 "scripts": {
    "start": "chcp 65001 && electron ."
  },

再次運行后,中文亂碼解決。

npm start

image-20210223161703085

可能遇到的問題

chcp不是內部或外部命令

這是由於沒有配置chcp的環境變量。
執行chcp命令實際上是,將環境變量的path變量中配置的每一個目錄下依次查找一個叫做chcp的可執行文件,如果每個目錄下都找不到,就會報錯;如果找到了則執行這個文件。同樣,node、npm等命令同理。
chcp可執行文件一般在C:\Windows\System32目錄下,可以打開這個目錄搜索一下chcp,確定它在這里面,然后將這個目錄配置到環境變量的系統變量的path中。
記得配置完之后要重新打開運行項目的程序(VSCode或cmd.exe,用其他開發工具的也要重啟一下開發工具)。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM