安装使用 electron-builder 创建的 appx 后，将默认电子图标设置为我安装的应用程序

Question

现在安装 appx 时，我可以在 launcher/install 弹出屏幕上看到徽标。这在我进行以下更改时有效：

1) 将 electron-builder 版本降级为：20.39.0

2) 将 package.json 中的目录条目更改为：

directories:{
"buildResources": "build",
"output": "build"}

3)在构建目录中创建了名为 appx 的文件夹，并在 package.json 级别创建了构建目录

4) 在我们之前创建的 build/appx 目录中添加了名为 "StoreLogo.png" 的图标。

5)在:

中添加相同的条目

 "win": {
  "icon":"build/appx/StoreLogo.png"
}

6)在此之后，只需使用 electron-builder -w appx 命令创建 appx

现在，我在完成安装后还有一个疑问，如果我搜索我的应用程序，我仍然会在任务栏以及应用程序和功能中看到默认的电子徽标。

在 launcher/install 弹出窗口中，我可以看到如下隐藏红色的应用程序徽标：

安装并启动该应用程序后，我仍然可以在任务栏中看到默认的电子图标，如下图以红色突出显示：

这是我的 package.json 构建属性的样子：

  {
  "build": {
    "extraFiles": [
      "node_modules/ionic-enterprise-couchbase-lite-electron/**/*"
    ],
    "publish": [
      {
        "provider": "generic",
        "url": "***********"
      }
    ],
    "appId": "**************",
    "nsis": {
      "perMachine": true,
      "oneClick": false,
      "allowToChangeInstallationDirectory": true
    },
    "squirrelWindows": {},
    "files": [
      "electron.js",
      "www/**/*",
      "build/Square150x150Logo.png",
      "build/Square44x44Logo.png"
    ],
    "directories": {
      "buildResources": "build",
      "output": "build"
    },
    "appx": {
      "identityName": "myApp",
      "publisher": "CN=*************************",
      "publisherDisplayName": "my Company",
      "applicationId": "myApp",
      "displayName": "myApp",
      "backgroundColor": "#f2f4f7"
    },
      "win": {
      "certificateFile": "./certs/CordovaApp.Windows10_StoreKey.pfx",
      "publisherName": "my Company",
      "icon": "build/appx/StoreLogo.png",
      "target": [
        {
          "target": "nsis",
          "arch": [
            "ia32"
          ]
        },
        "appx",
        "msi"
      ]
    },
    "nodeGypRebuild": "false",
    "npmRebuild": "false"
  }
  }

我尝试添加所有相关资源，如中所述：https://www.electron.build/configuration/appx 但它在创建应用程序时开始出现无效清单错误。

所以有人可以帮我解决这个问题吗？

Answer 1

我通过以下更改解决了这个问题：

1) 添加了 appx link 中提到的资产：https://www.electron.build/configuration/appx

2) 在构建目录中创建了 appx 文件夹，保留上面提到的 package.json。

3)确保命名的应用程序徽标应具体如 link .PNG 格式中所述。

4) 之前我的图标名称是 e.g: Square44x44Logo.png 格式 .PNG 然后在将名称更改为 Square44x44Logo 后保持格式 .PNG 我能够解决已安装的应用程序问题。

我由此意识到，在应用图标的情况下，命名约定确实很重要。所以主要问题是由于 pont 4.

安装使用 electron-builder 创建的 appx 后，将默认电子图标设置为我安装的应用程序

After installing appx created with electron-builder setting default electron icon to my installed app

windows

electron-builder

appx