从CRA切换到下一个JS时服务人员出现问题

Question

因此，我们最近将登录页从CreateReact应用程序更改为使用Next。js。我们的旧createreact应用程序在用户浏览器上注册了一个基本的默认服务工作人员。

每当我换到下一个新的。js网站，我们意识到以前去过那里的用户会继续得到旧网站糟糕的缓存版本。

我发现已经有一些讨论讨论了这个问题，但这两种解决方案似乎都不适合我。这两个讨论是：

>

在从React切换到Next之后，由于service worker的缓存，网站未刷新。js。如何强制更新？

https://www.asapdevelopers.com/service-worker-issue-nextjs-framework/

这两种html" target="_blank">解决方案本质上都包括向下一个项目添加一个新的服务工作者文件，并使用一些代码删除现有的服务工作者。这个代码看起来像

if ("serviceWorker" in navigator) {
  window.addEventListener("load", function () {
    navigator.serviceWorker.getRegistrations().then((registrations) => {
      console.log("--");
      for (let registration of registrations) {
        registration.unregister().then((bool) => {
          console.log("unregister: ", bool);
        });
      }
      if (registrations.length) {
        window.location.reload();
      }
    });
  });
}

所以我试过这个。我以前的服务人员是通过routeOUR\u URL/service worker上的一个文件获得服务的。js。我在下一个项目中添加了一个公共目录，并在我的项目中添加了一个具有相同名称和上述代码的文件。然后我在我的\u文档中链接了这个文件。js，并可以确认它是否运行，以及我是否能够在下一次访问中找到它。js网站。新文件和旧文件的URL相同。但不幸的是，问题似乎依然存在。

在上面链接的另一篇文章中，还提到将此文件放在下一个项目的根目录中。这对我来说没有多大意义，因为我知道它当时并没有以任何方式被送达，但我也给了它一次机会，仍然没有运气。

有人知道我可能做错了什么，或者我能做些什么来解决这个问题吗？本质上，我们只是想强制删除任何和所有旧的服务人员，以便我们的新网站正确加载。

Answer 1

服务人员（至少一般）是通过网站本身注册的，浏览器不会自动找到（至少还没有）。

此代码（注销该域的所有服务工作人员）应该包含从下一个发送的任何代码。js到浏览器（例如index.js）。如果你把这个放在你的主页上，所有用户都应该解决这个问题。如果您有理由怀疑（基于流量数据）用户已将其他页面标记为书签，您可能希望将其包含在通用捆绑包或页脚中。