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

IT技术 reactjs electron windows-store-apps windows-store electron-builder
2021-05-02 13:17:29

我在这里开源的电子react项目:windows-terminal-tweaker

npm run releaserenderer文件夹运行后,它会在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 应用程序启动器设计指南

1个回答

您需要更改 Electron 提供的默认图标(即 Electron 的标志)。此图标也将用于 Windows 应用商店,它显然不会反映您的应用程序。

在您的情况下,您会在此路径下找到它:

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

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