标签: angular-pwa

我使用Angular 6 CLI在应用程序中生成并注册服务工作者,当我手动启用离线模式时,服务工作者工作是正确的,但是一旦我尝试使用灯塔进行审核,它就会告诉我服务人员未注册.

我按照以下教程构建了一个简单的Angular 6应用程序并将其集成到Universal中：Angular Universal Tutorial

链接到我创建的GitHub存储库：Angular Universal SSR GitHub Repo

通用SSR运作良好，可以呈现内容（来自Firebase Real Time Database和Firestore的静态和动态），没有任何问题，但是，在我按照PWA教程的官方文档安装PWA之后，通用SSR停止工作且没有任何错误...但是PWA有效。

谁能告诉我为什么安装PWA后SSR停止工作？

提前致谢！

我创建了一个新的角度项目.然后我补充说

ng add @angular/pwa我得到了这样的错误,即使我找不到ngsw-config.json文件

路径"/ngsw-config.json"已经存在.

角度CLI版本是6.1.1.

规则结果无效:Function().

在角度CLI版本是6.0.3

prompt()我在我的 Angular 项目中开发了 PWA，PWA 安装横幅通过调用如下事件显示在 chrome 浏览器上，

this.promptEvent = event;
this.promptEvent.prompt();

但有时它会抛出错误

必须通过用户手势调用 Prompt() 方法。

我找不到解决方案，任何帮助将不胜感激。

我想构建一个能够连接“常规”蓝牙而不是低功耗蓝牙（BLE）的 PWA。那可能吗 ？

我有一个网站（Angular 9.0.1），我添加了该@angular/pwa包以将其转换为 PWA，但它不起作用。

该网站在生产网站上，但现在在https://new.indomablestore.com上有测试数据

我已检查所需文件 ( manifest.webmanifest, ngsw.json, ngsw-worker.js) 是否位于根文件夹中。我已检查 index.html 文件是否正确指向清单，并显示在 Chrome DevtoolsApplication选项卡上。

但在该Installability部分它说：没有检测到匹配的服务工作者。您可能需要重新加载页面，或检查当前页面的 service worker 是否还控制清单中的起始 URL。

我还检查了该app.module.ts文件是否包含以下行：

ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })

我没有修改任何 PWA 文件，我让 Angular CLI 构建它们。

任何帮助将不胜感激，因为该网站即将上线，这是我名单上的最后一件事:)

谢谢！

更新：清单如下所示：

  "name": "Indomable",
  "short_name": "Indomable",
  "theme_color": "#1976d2",
  "background_color": "#fafafa",
  "display": "standalone",
  "scope": "/",
  "start_url": "/",
  "icons": [
    ...
  ]
}

Service Worker 在 app.module 上注册如下：

@NgModule({
  declarations: [
    AppComponent,
    ...PAGES,
    ...COMPONENTS,
    ...PIPES
  ],
  imports: …

我正在开发一个有角度的 PWA 应用程序。所以我添加了一个 npm 包ng add @angular/pwa。它添加成功，没有错误。

生成的清单工作正常。但我正面临服务工作者的问题。当应用程序上线时，它会存储所有缓存（请参阅附件），但每当应用程序下线时，它会显示错误 - HTTP ERROR 504，而不是服务于来自 Service Worker 的请求

   {
    "index": "/index.html",
    "assetGroups": [
      {
        "name": "app",
        "installMode": "prefetch",
        "resources": {
          "files": ["assets/images/favicon.ico", "/index.html", "/*.css", "/*.js"]
        }
      },
      {
        "name": "assets",
        "installMode": "lazy",
        "updateMode": "prefetch",
        "resources": {
          "files": [
            "/assets/**",
            "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
          ]
        }
      }
    ]
  }