Angular Service Worker手动注销后无法重新注册问题咨询

• 首先确认测试环境符合要求
  Angular Service Worker 默认仅在生产环境启用，必须使用 ng build --prod 命令构建生产包，再通过静态文件服务（例如 http-server）启动打包后的 dist 目录测试，禁止直接用 ng serve 开发服务、或者直接打开本地 index.html 文件测试，这两种场景下 Service Worker 都会默认不注册。
• 彻底清理浏览器站点残留数据
  手动注销 Service Worker 后浏览器可能残留缓存状态导致后续注册失败，按以下步骤清理：
  1. 打开当前站点的开发者工具（F12），切换到「Application」面板
  2. 左侧找到「Service Workers」选项，点击对应站点SW条目的「Unregister」完成注销
  3. 左侧找到「Storage」面板，勾选「Cache storage」、「Service Workers」、「IndexedDB」三个选项，点击「Clear site data」
  4. 完全关闭当前站点的所有浏览器标签页，重新打开访问测试
• 手动控制注册逻辑（可选，更稳定）
  如果默认的自动注册逻辑异常，可以替换为手动注册逻辑，代码示例如下：
  1. 先保留 App.module.ts 中的 ServiceWorkerModule 引入，修改配置关闭自动注册：

  ServiceWorkerModule.register('ngsw-worker.js', {
    enabled: environment.production,
    registrationStrategy: 'registerWhenStable:30000'
  }),
  

  2. 在 main.ts 中补充手动注册逻辑，兜底处理注册失败场景：

  import { enableProdMode } from '@angular/core';
  import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
  
  import { AppModule } from './app/app.module';
  import { environment } from './environments/environment';
  
  if (environment.production) {
    enableProdMode();
  }
  
  platformBrowserDynamic().bootstrapModule(AppModule)
    .then(modRef => {
      // 生产环境下兜底手动注册SW
      if (environment.production && 'serviceWorker' in navigator) {
        const baseHref = document.querySelector('base')?.getAttribute('href') || '/';
        navigator.serviceWorker.register(`${baseHref}ngsw-worker.js`)
          .then(registration => {
            console.log('Service Worker 注册成功', registration);
          })
          .catch(err => {
            console.error('Service Worker 注册失败', err);
          });
      }
    })
    .catch(err => console.error(err));
  

• 检查资源可访问性
  部署完成后直接在地址栏访问 你的站点域名/ngsw-worker.js，确认该文件可以正常加载，无404错误。如果返回404，检查构建配置的 baseHref 是否正确，确认构建后的 dist 目录下是否存在 ngsw-worker.js 文件。
• 验证依赖版本一致性
  确认 package.json 中 @angular/service-worker 的版本和 @angular/core、@angular/common 等核心依赖的版本完全一致，版本不匹配会导致注册逻辑异常，版本不一致的话统一所有Angular相关依赖版本后重新安装依赖、构建测试。

内容的提问来源于stack exchange，提问作者Nidhin Kumar