как правильно установить server worker в vue

<script type="text/javascript">
    if ('serviceWorker' in navigator) {
      window.addEventListener('load', function() {
        navigator.serviceWorker.register('firebase-messaging-sw.js', { scope: '/' })
          .then(function(registration) {
            // Успешная регистрация
            console.log('ServiceWorker registration successful');
          }, function(err) {
            // При регистрации произошла ошибка
            console.log('ServiceWorker registration failed: ', err);
          });
      });
     }
  </script>

При установке server workera выдает ошибку

ServiceWorker registration failed:  DOMException: Failed to register a ServiceWorker for scope ('https://localhost:8080/') with script ('https://localhost:8080/firebase-messaging-sw.js'): An unknown error occurred when fetching the script.

не могу понять что не так?