在 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 浏览器上无法加载的问题。