電子 - アプリケーションにアイコンを追加

Question

私は自分の電子ビルドファイルを勝ち取ったexeとインストーラーに持っていますが、アイコンは私のものではありません。私のmain.jsファイルには、アイコンを添付するコードがありますが、createWindow関数内でのみ動作させることができます。関数の外でエラーメッセージが表示されます。 exeが実行され、アイコンが表示されますが、エラーが発生します。インストーラはまったく動作しません。私はいくつかのチュートリアルを試してみましたが、どれもこの問題を解決しません。私はここから何をすべきかわからない

Main.js

const {app, BrowserWindow, Tray} = require('electron') 
const path = require('path') 
const url = require('url') 
let win 
function createWindow() { 
const appIcon = new Tray('icon/app.png') 
win = new BrowserWindow({width: 1920, height: 1080, icon: 'icon/app.ico'}) 
console.log(appIcon, win) 
win.loadURL(url.format({ 
pathname: path.join(__dirname, 'app/app.html'), 
protocol: 'file:', 
slashes: true 
})) 
win.on('closed',() => { 
win = null 
}) 
} 
app.on('ready', createWindow) 
app.on('window-all-closed',() => { 
if (process.platform !== 'darwin') { 
app.quit() 
} 
}) 
app.on('activate',() => { 
if (win === null) { 
createWindow() 
} 
}) 

Package.json

{ 
"name": "myapp", 
"version": "1.0.0", 
"description": "MyApp", 
"private": true, 
"main": "main.js", 
"build": { 
    "appID": "myapp", 
    "productName": "MyApp", 
    "icon": "icon/app.ico" 
}, 
"scripts": { 
     "start": "electron ." , 
     "package": "", 
    }, 
"author": "Me", 
"license": "ISC", 
"devDependencies": {"electron": "^1.6.1"} 
} 

。

Answer 1

あなたが使用することができます

とmain.js内部

mainWindow = new BrowserWindow({width: 800, height: 600,icon: __dirname + '/icon.ico'});

とインストーラにあなたが使用している場合は電子ビルダー

"devDependencies": { 
    "electron": "^1.4.15", 
    "electron-builder": "^12.3.1" 
    }, 

ルートと名付けビルドにフォルダを作成そのフォルダの中にあなたのアイコンを追加してください。

何度も電子やブイアプリを2回