Значок добавляется в Chrome вместо установленного PWA

#web-applications #progressive-web-apps #service-worker #badge #web-push

Вопрос:

У меня все нормально работает ServiceWorker . Я могу установить свое веб-приложение с помощью Android Chrome без каких-либо проблем. Отображается правильный значок приложения, и оно успешно обрабатывает push-уведомления в Интернете. Теперь, когда я пытаюсь добавить количество значков в установленный PWA при успешном push событии, значок добавляется в Chrome вместо установленного веб-приложения.

введите описание изображения здесь

According to docs

When navigator.setAppBadge() is called from a service worker, it badges all apps whose scope is inside the service worker scope.

sw.js:

 self.addEventListener('push', event => {
  try {
    const json = event.data.json()
    const title = json.title || ''
    const options = json.options || {}

    event.waitUntil(self.registration.showNotification(title, options))

    if ('setAppBadge' in navigator) {
      // also tried self.setAppBadge(1)
      navigator.setAppBadge(1)
    }
  } catch (e) {
    try {
      const title = 'Pranešimas'
      const options = { body: event.data.text() }

      event.waitUntil(self.registration.showNotification(title, options))
    } catch (e) {
      event.waitUntil(self.registration.showNotification(''))
    }
  }
})
 

Am I missing something? Can anyone help?