angular - 服务工作线程不适用于 Azure 静态 Web 应用上的自定义域

Question

我目前正在尝试让 PWA 功能在 Azure 静态 Web 应用上托管的 Angular 应用上运行。我遇到的问题是，服务工作线程已注册到 xx.azurestaticapps.net，但未注册到我添加的自定义域。

list

   {
  "name": "App Name",
  "short_name": "Name",
  "theme_color": "#09559D",
  "background_color": "#09559D",
  "display": "standalone",
  "scope": "./",
  "start_url": "./",
  "icons": [

    ..omitted
  ]
}

静态Web应用程序配置文件

{
    "navigationFallback": {
        "rewrite": "index.html",
        "exclude": ["/assets/*.{png,jpg,gif}", "*.css"]
    },
    "mimeTypes": {
        "json": "application/json",
        "webmanifest": "application/manifest+json"
    }
}

有人知道这可能是什么原因造成的吗？

Answer 1

确保您的构建在“生产”模式下运行。

默认情况下，Angular 仅为生产站点注册 Service Worker。

我也遇到了你同样的问题。就我而言，Microsoft 构建器“Oryx”运行“yarn build”来构建应用程序，但该脚本没有“--prod”标志。

改变

package.json

来自

"scripts": {
   "start": "ng serve",
   "build": "ng build",
   [...]

},

至

"scripts": {
   "start": "ng serve",
   "build": "ng build --prod",
   [...]

},

解决了我的问题。