Angular 9,KeyCloak,ServiceWorker和Edge浏览器

巴齐耶

我遇到了一个大问题,因为我们的Angular应用程序可以正常运行

  • 角度9.1
  • 按键披风
  • 和服务人员

在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)"
        ]
      }
    }
  ]
}
迪帕克

看起来您正在使用MS Edge旧版浏览器测试此问题。我建议您尝试使用新的MS Edge Chromium浏览器进行测试。我认为您在MS Edge Chromium浏览器中不会出现此问题。您可以从此处下载

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular html5模式和HAL浏览器

来自分类Dev

如何使用浏览器的Confirm()和Angular模板语句?

来自分类Dev

Angular 2 开发和浏览器缓存

来自分类Dev

Angular 和浏览器在加载数据方面的限制

来自分类Dev

Angular2:对象在 Microsoft Edge 浏览器中不支持此操作

来自分类Dev

Angular 5 浏览器(Chrome、Edge、Mozilla、Opera、Safari)最低支持

来自分类Dev

浏览器与angular.js和angular-ui引导程序的兼容性

来自分类Dev

浏览器与angular.js和angular-ui引导程序的兼容性

来自分类常见问题

如何使用Angular检测浏览器?

来自分类Dev

Angular SPA的浏览器同步

来自分类Dev

浏览器对Angular材质的支持

来自分类Dev

获取浏览器时间格式Angular

来自分类Dev

获取浏览器时间格式Angular

来自分类Dev

Angular指令使浏览器崩溃

来自分类Dev

Angular SPA的浏览器同步

来自分类Dev

Angular 2新路由器:浏览器的后退和前进按钮无法正常工作

来自分类Dev

Angular 2新路由器:浏览器的后退和前进按钮无法正常工作

来自分类Dev

Angular Marked和Inappbrowser在系统浏览器中打开所有链接

来自分类Dev

Waterlock,Sails和Angular JWT令牌从浏览器获得403

来自分类Dev

在几个不同的浏览器选项卡中的Angular和TypeScript / javascript单例

来自分类Dev

使用Angular和Deno的浏览器中的CSS MIME不匹配

来自分类Dev

Angular2和电子访问浏览器Windwow对象

来自分类Dev

Angular Marked和Inappbrowser在系统浏览器中打开所有链接

来自分类Dev

在浏览器中使用不带Reflect.js和zone.js的Angular 2

来自分类Dev

Angular Universal 使用全局浏览器对象,如 window 和 localstorage

来自分类Dev

Angular 中浏览器显示和 Google Analytics 的动态页面标题

来自分类Dev

Angular js应用程序在ios浏览器,Safari和chrome上都显示空白页面。在Windows桌面浏览器上工作正常

来自分类Dev

浏览器中的Angular应用生存期

来自分类Dev

从浏览器控制台调用Angular click事件

Related 相关文章

  1. 1

    Angular html5模式和HAL浏览器

  2. 2

    如何使用浏览器的Confirm()和Angular模板语句?

  3. 3

    Angular 2 开发和浏览器缓存

  4. 4

    Angular 和浏览器在加载数据方面的限制

  5. 5

    Angular2:对象在 Microsoft Edge 浏览器中不支持此操作

  6. 6

    Angular 5 浏览器(Chrome、Edge、Mozilla、Opera、Safari)最低支持

  7. 7

    浏览器与angular.js和angular-ui引导程序的兼容性

  8. 8

    浏览器与angular.js和angular-ui引导程序的兼容性

  9. 9

    如何使用Angular检测浏览器?

  10. 10

    Angular SPA的浏览器同步

  11. 11

    浏览器对Angular材质的支持

  12. 12

    获取浏览器时间格式Angular

  13. 13

    获取浏览器时间格式Angular

  14. 14

    Angular指令使浏览器崩溃

  15. 15

    Angular SPA的浏览器同步

  16. 16

    Angular 2新路由器:浏览器的后退和前进按钮无法正常工作

  17. 17

    Angular 2新路由器:浏览器的后退和前进按钮无法正常工作

  18. 18

    Angular Marked和Inappbrowser在系统浏览器中打开所有链接

  19. 19

    Waterlock,Sails和Angular JWT令牌从浏览器获得403

  20. 20

    在几个不同的浏览器选项卡中的Angular和TypeScript / javascript单例

  21. 21

    使用Angular和Deno的浏览器中的CSS MIME不匹配

  22. 22

    Angular2和电子访问浏览器Windwow对象

  23. 23

    Angular Marked和Inappbrowser在系统浏览器中打开所有链接

  24. 24

    在浏览器中使用不带Reflect.js和zone.js的Angular 2

  25. 25

    Angular Universal 使用全局浏览器对象,如 window 和 localstorage

  26. 26

    Angular 中浏览器显示和 Google Analytics 的动态页面标题

  27. 27

    Angular js应用程序在ios浏览器,Safari和chrome上都显示空白页面。在Windows桌面浏览器上工作正常

  28. 28

    浏览器中的Angular应用生存期

  29. 29

    从浏览器控制台调用Angular click事件

热门标签

归档