Angular9、KeyCloak、ServiceWorker和Edge Browser

Question

我有一个大问题，因为我们的 Angular 应用程序运行可以

Angular 9.1
钥匙斗篷
和 Service Worker

在 Safari、Chrome 和 Firefox 上。但是在 Edge 上，页面保持空白。当我进入私人浏览器模式时它工作正常，我假设它会忽略 Service Worker。

它首先显示有效的 KeyCloak 登录页面。但是登陆后还是一片空白。控制台没有错误。如果我禁用angular.json中的配置到

...
"serviceWorker": false,
...

它真的很好用。您对解决此问题的额外配置或步骤有任何提示吗？ PWA 有以下版本：

"@angular/pwa": "^0.901.0",

ngsw.config 看起来像这样

{
  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
  "index": "/index.html",
  "assetGroups": [
    {
      "name": "app",
      "installMode": "prefetch",
      "resources": {
        "files": [
          "/favicon.ico",
          "/index.html",
          "/manifest.webmanifest",
          "/*.css",
          "/*.js"
        ]
      }
    }, {
      "name": "assets",
      "installMode": "lazy",
      "updateMode": "prefetch",
      "resources": {
        "files": [
          "/assets/**",
          "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
        ]
      }
    }
  ]
}

Answer 1

您似乎正在使用 MS Edge 旧版浏览器测试此问题。我建议您尝试使用新的 MS Edge Chromium 浏览器进行测试。我认为您在 MS Edge Chromium 浏览器中不会遇到此问题。您可以从 here 下载它。

Angular9、KeyCloak、ServiceWorker和Edge Browser

Angular 9, KeyCloak, ServiceWorker and Edge Browser

microsoft-edge

angular

angular-service-worker

angular9