electron Linux应用程序在构建后不显示图标

5fjcxozz  于 2023-10-14  发布在  Electron
关注(0)|答案(2)|浏览(539)
"package-linux": "electron-packager . Desktop-Wallet --overwrite --asar=true --platform=linux --arch=x64 --icon=./assets/icons/png/4.png --prune=true --out=release-builds"

这是用于开发Linux应用程序的package.json脚本。在本地运行electron时,图标是可见的,但当我将其开发为应用程序时,它不显示图标

ajsxfq5m

ajsxfq5m1#

您需要在BrowserWindow构造函数中设置图标:

BrowserWindow({ icon: 'path/to/image.png' })

此外,从文档中:
请注意,您需要使用PNG,而不是macOS或Windows图标格式,以便它显示在停靠栏/窗口列表中。当前不支持在文件管理器中设置图标。
文件:
https://www.electronjs.org/docs/latest/api/browser-window/#new-browserwindowoptions
https://electron.github.io/electron-packager/main/interfaces/electronpackager.options.html#icon
资料来源:
How to set app icon for Electron / Atom Shell App
https://github.com/electron-userland/electron-builder/issues/2269#issuecomment-342168989

rslzwgfq

rslzwgfq2#

有很多地方可以放置您的图标。但有两个主要文件。
1.在你的main.js中,你应该为你填充的每个窗口设置它:
App.mainWindow = new BrowserWindow({ icon:“./assets/icon.ico”})
1.在你的电子构建器配置中。这可以在您的package.json中,也可以在您通过脚本包含在package.json中的独立文件中
script ->(“make-win”:“electron-builder --config electron-builder-win.json --publish always“)
Windows桌面图标-->“win”:{“icon”:“assets/icon.ico”}
Windows安装图标--> nsis:{“installerIcon”:“assets/icon.ico”,“uninstallerIcon”:“assets/icon.ico”,}
请注意,上面的示例使用了webpack,并在创建可执行文件时将./assets移动到assets中。规则对于Mac和Linux是相似的,密切注意你的图标的大小,并参考官方文档的具体构建(dmg等)

相关问题