我太懂你这种糟心的情况了——明明调用了unregister，Chrome里显示“- deleted”，但Service Worker还是赖在“已激活并运行”的状态不肯走！别慌，咱们一步步来彻底把它清除掉：

一、先从代码层面彻底斩断Service Worker的注册根源 #

因为你用的是react-scripts v1.0.17，默认的registerServiceWorker.js可能还有残留逻辑，得彻底清理：

• 打开你的src/index.js，删掉这两行代码：

  import registerServiceWorker from './registerServiceWorker';
  registerServiceWorker(); // 或者你之前改成的registerServiceWorker.unregister();
  

• 检查项目的public文件夹，如果里面存在service-worker.js文件，直接删掉它
• 重新执行npm run build，把新的代码部署到服务器上——确保新部署的代码里完全没有任何Service Worker注册相关的逻辑，也没有生成service-worker.js文件

二、浏览器端手动清理残留（关键步骤！） #

有时候旧的Service Worker已经被缓存，即使代码更新了也会继续运行，必须手动清除：

1. 关闭所有该网站的标签页：这很重要！激活状态的Service Worker只要有一个受控页面开着，就不会被销毁
2. 重新打开该网站，按下F12打开Chrome开发者工具，切换到Application标签页
3. 在左侧菜单找到Service Workers，找到对应的Service Worker，点击Unregister按钮
4. 接着在左侧菜单点击Storage，然后点击页面上的Clear site data，勾选所有选项（包括缓存、Service Workers、IndexedDB等），点击清除
5. 再切换到左侧的Cache Storage，删掉所有和该网站相关的缓存条目

三、强制确保所有注册都被清除 #

如果做完上面两步还能看到Service Worker，可以在开发者工具的Console里执行这段代码，手动注销所有残留的注册：

navigator.serviceWorker.getRegistrations().then(regs => regs.forEach(reg => reg.unregister()))

四、为什么会出现这种情况？ #

简单说就是Service Worker的生命周期特性：即使调用了unregister，它必须等到所有受控页面都关闭后才会被彻底销毁。所以之前你只调用unregister但没关标签页，它就会一直显示“已激活并运行”，直到所有相关页面都关闭后才会真正被移除。

验证是否成功 #

重新打开网站，回到Application→Service Workers，如果看不到任何激活的Service Worker，就说明彻底清除成功了！

内容的提问来源于stack exchange，提问作者Cpt. Senkfuss