javascript - "window is not defined"服务人员

Question

我正在尝试为我的 django 项目注册一个服务人员。这是我用于注册的代码:

<!-- register service worker -->
<script type="text/javascript">
  if('serviceWorker' in navigator) {
    window.addEventListener('load', function() {
      navigator.serviceWorker.register("{% url 'sw.js' %}").then(function(registration) {
        console.log("Service worker registered.");
        console.log("Registered at: "+registration.scope);
      });
    });
  }
</script>

这是我的 service_worker.js 中的代码:

// App install banner
window.addEventListener('beforeinstallprompt', function(e) {
  e.userChoice.then(function(choiceResult) {
    console.log(choiceResult.outcome);

    if(choiceResult.outcome == 'dismissed') {
      console.log('User cancelled home screen install');
    } else {
      console.log('User added to home screen');
    }
  });
});

我在控制台中看到此错误: Uncaught ReferenceError: window is not defined
如何解决这个问题？

Answer 1

我正在编写代码:

// App install banner
window.addEventListener('beforeinstallprompt', function(e) {
    e.userChoice.then(function(choiceResult){
        console.log(choiceResult.outcome);
        if(choiceResult.outcome == 'dismissed'){
            console.log('User cancelled home screen install');
        }else{
            console.log('User added to home screen');
        }
    });
});

在 service_worker.js 文件中。服务 worker 无权访问 window 等 DOM 元素或 document .一旦我将上述代码放在与 html 文件关联的单独 js 文件中，它就可以工作了。我是 PWA 和服务 worker 概念的新手，这似乎是一个新手错误。如果它对其他人有帮助，我将发布此答案。