막연한 서비스 노동자 Nuxt JS의 속성 'register'을 읽을 수 없습니다.

막연한 서비스 노동자 Nuxt JS의 속성 'register'을 읽을 수 없습니다.

나는 내 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')

그것은 최고의 실천 여부 서비스 노동자들이 현재 브라우저 전 등록하기에서 지원되는지 확인하고 있다.

<script>
    if ('serviceWorker' in navigator) {
         window.addEventListener('load', function () {
         navigator.serviceWorker.register('/service-worker.js');
         });
    }
</script>

문제는 서비스 근로자들 https에 일할 수 있다.나는 IP대신에 주소를"Localhost:3000"를 사용하여를 해결했다.

그렇지 않으면, 크롬://flags/#및 클릭 활성화에unsafely-treat-insecure-origin-as-secure고 응용 프로그램localhost 링크를 추가할 수도 있고요!

언급URL:https://stackoverflow.com/questions/56273091/cannot-read-property-register-of-undefined-service-worker-nuxt-js