时间戳

首页 > 解决方案 > 将电子应用程序发布到 Windows 商店时如何修复“可用的应用程序图标包括默认图标”？

reactjs - 将电子应用程序发布到 Windows 商店时如何修复“可用的应用程序图标包括默认图标”？

问题描述

我在这里开源的电子反应项目：windows-terminal-tweaker

npm run release从文件夹运行后renderer，它会在目录中构建应用程序renderer/dist。

该dist/TerminalTweaker目录包含所有构建的文件以及该.exe文件。

在此之后，我使用electron-windows-store能够使我的应用程序发布准备就绪。这是我的脚本：

const convertToWindowsStore = require('electron-windows-store')

convertToWindowsStore({
   containerVirtualization: false,
   inputDirectory: 'dist/TerminalTweaker',
   outputDirectory: 'output',
   packageVersion: '1.0.0.0',
   packageName: 'terminalTweaker',
   identityName : '<secretId>' , 
   familyName : '<secretString>' ,
   publisherDisplayName : "Natesh M Bhat" , 
   packageDisplayName: 'Terminal Tweaker',
   packageDescription: 'Tweak your windows terminal to heart\'s content with this app using its beautiful interface to configure everything about the terminal.',
   packageExecutable: 'dist/TerminalTweaker/Terminal Tweaker.exe',
   publisher: 'CN=<secretString>',
   windowsKit: 'C:\\Program Files (x86)\\Windows Kits\\10\\bin\\10.0.18362.0\\x64',
   finalSay: function () {
     return new Promise((resolve, reject) => resolve())
   }
})

现在，一旦我得到了terminalTweaker.appx，我就将这个包上传到了 Windows 商店应用仪表板中。

当我提交提交时，它被拒绝显示以下错误。我该如何解决 ？

应用策略：10.1.1 图标

开发者须知

可用的应用程序图标包括一个默认图标。图标必须唯一地代表应用程序，以便用户将图标与适当的应用程序相关联，并且不会将一个应用程序与另一个应用程序混淆。有关 Windows 应用程序中的图标和磁贴的信息，请参阅应用程序图标和徽标，或有关混合现实应用程序的 3D 图标，请参阅 3D 应用程序启动器设计指南。

标签： reactjselectronwindows-store-appswindows-storeelectron-builder

解决方案

您需要更改 Electron 提供的默认图标（即 Electron 的标志）。此图标也将在 Windows 应用商店中使用，它显然不会反映您的应用程序。

在您的情况下，您会在此路径下找到它：

  • windows-terminal-tweaker/renderer/public/favicon.ico

您可能也只是忘记更改该文件，因为其他所有图标似乎都可以工作:)

推荐阅读