如何使用electron builder更改应用程序图标

如何使用electron builder更改应用程序图标,build,icons,electron,electron-builder,Build,Icons,Electron,Electron Builder,我更改了我的应用程序图标,由于某些原因,我无法更新图标(目前有一个电子图标) 我使用的相关模块: "electron-builder": "5.7.0",  "electron-prebuilt": "^ 1.4.13" mypackage.json: "build": {     "appId": "com.siemens.dmv",     "asar": true,     "win": {       "target": "squirrel",

我更改了我的应用程序图标,由于某些原因,我无法更新图标(目前有一个电子图标)

我使用的相关模块:

 "electron-builder": "5.7.0",
 "electron-prebuilt": "^ 1.4.13"
my
package.json

    "build": {
        "appId": "com.siemens.dmv",
        "asar": true,
        "win": {
          "target": "squirrel",
          "icon": "./build/icon.ico",
          "title": "DigitalManufacturingViewer",
          "msi": true,
          "IconUrl": "data: image / png; base64, 
          AAABAyUAJSshACMLBAAeJRAAAw0VAAYPEQAFJzsAE // (long string)
}
我尝试了几个命令但没有成功,有人知道我必须运行什么命令吗?

制作icon.ico(适用于windows)和icon.icns(适用于mac和linux)并将它们放在build\目录中

从配置中删除其他“图标”属性。build\目录是electron builder搜索图标的默认位置


还可以尝试更新electron builder版本。您使用的版本大约有2年历史。新版本中提供了许多与图标相关的功能和错误修复。

Electron Builder默认情况下会在
build
文件夹中查找资产:

./build/
    background.png
    background@2x.png
    icon.icns
    icon.ico
    icon.png
图标名称列在文档中:

您可以使用以下方法在
包.json
中配置生成文件夹路径:

{
  "name": "your-app",
  "version": "0.0.1",
  "build": {
    "files": [
      "custom/directory"
    ],
    "directories": {
      "buildResources": "custom/directory"
    }
  }
}
确保使用
文件
属性复制文件。如配置文档中所述:

我已更改tnx。您应该在根目录下的应用程序目录中添加图标(而不是在内部版本中),只需提供类似app/icons/icon.ico的url,然后我该怎么办?您应该将图标创建为.ico文件(适用于Windows图标),并将其放在项目中。如果您使用@Nir的示例目录“app/icons/icon.ico”。然后在package.json下,您应该将“IconUrl”更改为“icon”,并将路径添加到.ico文件中。它应该是这样的:
“win”:{“icon”:“app/icons/icon.ico”}
为什么它是linux/mac的
icon.icns
,而不是,例如,
icon.png
?@icc97它基本上不重要。您可以使用icon.png,electron builder将在构建过程中自动创建ICN/ico文件。但这给我的.deb版本带来了一些问题,我不建议使用ico/icns文件。@icc97 icns是一个图标集-它实际上是一个包含不同分辨率图标的文件夹,因此您的应用程序图标可以在不同的场景中很好地伸缩(例如:任务切换程序的图标与应用程序出现在finder中时的图标等)。这解释了更多: