微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ServiceWorker发现了额外的更新错误

如何解决ServiceWorker发现了额外的更新错误

安装最新的Service Worker时,我的Service Worker有时会发现其他更新,并且没有其他更新!我试图清除缓存,但无济于事。我通过对话框显示了可供用户使用的更新,因此用户经常收到更新消息,这会损害用户的体验。 为什么服务人员会找到其他更新? 我的服务人员:

function handleUpdate(config,registration) {
          config.onUpdate(registration);
}
export function register(config) {
  if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
    const publicUrl = new URL(process.env.PUBLIC_URL,window.location.href);
    if (publicUrl.origin !== window.location.origin) {
      return;
    }
    window.addEventListener("load",() => {
      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
        registerValidSW(swUrl,config);
    });
  }
}

function registerValidSW(swUrl,config) {
  navigator.serviceWorker
    .register(swUrl)
    .then((registration) => {
      registration.onupdatefound = () => {
        const installingWorker = registration.installing;
        if (installingWorker == null) {
          return;
        }
        installingWorker.onstatechange = () => {
          if (installingWorker.state === "installed") {
            if (navigator.serviceWorker.controller) {
              handleUpdate(config,registration);
            } else {
              if (config && config.onSuccess) {
                config.onSuccess(registration);
              }
            }
          }
        };
      };
    })
    .catch((error) => {
    });
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。