PWA自定义Notification Badge图标异常：显示Chrome默认图标或空白方块问题咨询

各位好，我现在在做一个渐进式Web应用（PWA）项目，想通过Service Worker来显示带自定义徽章图标的通知，目前写的代码是这样的：

self.registration.showNotification("Title", {
  icon: [path/to/icon],
  badge: [path/to/badge],
  body: "My message",
});

我明白badge图标应该使用带Alpha通道（透明）的图片，但不管我用哪种图标，结果要么显示Chrome的默认图标，要么就是一个空白方块。

我已经尝试过以下两种图标：

• 黑色图标搭配白色背景
• 白色图标搭配黑色背景

有没有大佬能帮忙分析下问题出在哪呀？

备注：内容来源于stack exchange，提问作者michealnaita