electron 中的圖標

Question

我在 Electron 中更改圖標時遇到問題。代碼工作正常，但是當我添加行時 <<icon: "img/icon.png">> 生成了一個空白程序（沒有任何內容）。 這是代碼：

function 創建窗口（）{

const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
        devTools: false
    },
    icon: "img/icon.png"
});
win.setMenu(null);
win.loadFile('index.html');
win.webContents.openDevTools();

}

Answer 1

要更改 window 的圖標，請將其傳遞給BrowserWindow構造函數並使用絕對路徑進行簡化

icon (NativeImage | String)（可選）- window 圖標。 在 Windows 上，建議使用 ICO 圖標以獲得最佳視覺效果，您也可以將其保留為未定義，以便使用可執行文件的圖標。

您將需要使用一些轉換器來生成.ico和.icns文件。

let icon;
switch (process.platform) {
  case 'win32': icon = path.resolve(__dirname, 'img', 'icon.ico'); break;
  case 'darwin': icon = path.resolve(__dirname, 'img', 'icon.icns'); break;
  case 'linux': icon = path.resolve(__dirname, 'img', 'icon.png'); break;
}

const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
        devTools: false
    },
    icon
});

此外，您可以像這樣創建NativeImage ： const icon = nativeImage.createFromPath(path.resolve(__dirname, 'img', 'icon.png'));

但是，您實際上不需要手動設置圖標，electron 將默認使用可執行文件的圖標。 因此，只需配置electron-packager以使用正確的圖標（添加packagerConfig: { icon: img/icon } }在forge.config.js並將icon.png ， icon.icns和icon.ico放入img目錄）

Answer 2

是的，但問題是不存在任何錯誤。 但是...我剛剛使用以下命令進行了另一次嘗試： electron-package --overwrite --icon=icon.ico 現在可以工作了：?? 但問題是？ 為什么 ？？？