почему не удалось зарегистрировать сервисного работника?

Question

Я работаю над примером прогрессивного веб-приложения: https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/

Следуя инструкции, я на шаге работника службы регистрации. Это код работника службы регистрации:

 if ('serviceWorker' in navigator) {
    navigator.serviceWorker
         .register('./service-worker.js')
         .then(function() { console.log('Service Worker Registered'); });
  }

Но это всегда не удается и получить журнал ошибок как:

Не могли бы вы научить меня, почему я не могу зарегистрировать работника службы?

Answer 1

я это исправил

и im agin имеют проблему

я кодирование, чтобы добавить кнопку добавить на главный экран на мой сайт

это myt код:

let installPromptEvent;

window.addEventListener('beforeinstallprompt' , (event) => {
    e.preventDefault();
    console.log('before install prompt event')
    installPromptEvent = event;
});

document.querySelector('.addtohomescreenbutton a').addEventListener('click' , (event) => {
    e.preventDefault();
    console.log(installPromptEvent);
    if(installPromptEvent) {
        installPromptEvent.prompt();

        installPromptEvent.userChoice
            .then((choiceResult) => {
                if(choiceResult.outcome === 'accepted') {
                    console.log('User Accepted');
                } else {
                    console.log('User dismissed');
                }

                installPromptEvent = null;
            })
    }
})

и это моя ошибка:

Uncaught TypeError: Cannot read property 'addEventListener' of null
    at

и это его строчка:

.addEventListener('click' , (event) => {

в чем проблема?

Answer 2

Я исправил эту консольную ошибку, создав js-файл в рабочем каталоге с именем service-worker, и об этом вас попросит руководство.

Это правильно связывает работника службы, что означает, что вы увидите сообщение журнала консоли, что оно правильно зарегистрировано.

Answer 3

Ваш обслуживающий работник не связан должным образом. Упомянутый путь неверен и поэтому он получает 404 ответа. Удалите «.» В пути и разместите сервисный работник и файл, содержащий этот скрипт, в одном месте.