Невозможно прочитать свойство 'register' неопределенного работника службы Nuxt JS

Question

Я пытаюсь внедрить пользовательский сервисный работник в мой сайт Nuxt JS.Я получаю сообщение об ошибке после создания сайта следующим образом:

Cannot read property 'register' of undefined

function Notify (siteOptions) {
  /* Set Dependancies */
  this.siteOptions = siteOptions /* Register Applicant */
  this.register()
} /** * Register Service Worker */
Notify.prototype.register = function () {
  /** * Test Registration */
  navigator.serviceWorker.register('Notify-service-worker.js').then(function (registration) {
    console.log('SW: Available')
  }).catch(function (error) {
    console.error('SW: Not Available', error)
  })

Похоже, что эта строка вызывает проблемы:

navigator.serviceWorker.register('Notify-service-worker.js')

Answer 1

Рекомендуется , чтобы проверить, поддерживаются ли работники службы поддержки в текущем браузере до регистрации:

if ('serviceWorker' in navigator) {
  // Only call navigator.serviceWorker.register() if that's true.
}