在 Angular 7.1.1 中,PWA ServiceWorker 在 Edge 浏览器上可能无法加载的问题可以通过以下解决方法来修复:
确保你的 Angular 项目已经启用了 PWA 支持。可以通过运行以下命令来安装 @angular/pwa 库:
ng add @angular/pwa
确保你的 Angular 项目已经配置了 service-worker.js 文件。这个文件在 Angular 项目的根目录下。
在你的 angular.json 文件中,找到 "assets" 部分,并确保 service-worker.js 文件包含在 "assets" 数组中,例如:
"assets": [
"src/favicon.ico",
"src/assets",
"src/service-worker.js"
]
在 src/polyfills.ts 文件中,添加以下代码以解决 Edge 浏览器上的兼容性问题:
import 'classlist.js';
import 'web-animations-js';
如果你的 Angular 项目已经部署到生产环境,确保你的网站是通过 HTTPS 访问的,因为 Service Worker 只能在安全环境下运行。
在 index.html 文件中,添加以下代码以在 Edge 浏览器上启用 Service Worker:
通过执行以上步骤,你应该能够解决 Angular 7.1.1 PWA ServiceWorker 在 Edge 浏览器上无法加载的问题。