javascript - 尝试注册serviceWorker时出现404错误

Question

尝试注册服务工作人员时出现此错误:

Failed to register a ServiceWorker: A bad HTTP response code (404) was gwreceived when fetching the script.

我正在使用 ionic，这就是我在 app.js 中的内容:

   if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('service-worker.js').then(function(registration) {
      console.log('ServiceWorker registration successful with scope: ', registration.scope);
    }).catch(function(err) {
      //registration failed :(
      console.log('ServiceWorker registration failed: ', err);
    });
  }else {
    console.log('No service-worker on this browser');
  }

在目录中，同一文件夹中的 app.js 旁边有 service-worker.js 文件。

在 ubuntu 桌面上使用最新的 chrome 版本。

Answer 1

您提到您的 service-worker.js 与 app.js 位于同一目录中，但 URL 传递给 .register() 相对于 HTML 文档的路径。您需要确保您的 service-worker.js 文件与您所在页面对应的 .html 文件位于同一目录中。