更新未定义错误的服务人员ID

Question

我遵循angular的官方指南，成功安装了初始服务人员。接下来，我想尝试一下更新行为，得到了一个

无法读取未定义的属性id

其中as id指ngsw-worker.js方法中的client.id

async updateClient(client) {
        // Figure out which version the client is on. If it's not on the latest,
        // it needs to be moved.
        const existing = this.clientVersionMap.get(client.id);
....
}

我做的步骤是

1. 注册SW，离线并重新加载（工作），关闭标签，但保持窗口打开
2. app.cmp.html更新代码
3. 重建项目（ng build--prod）
4. 打开新的Tab和应用程序（可以观察SW更新）
5. 重新加载应用程序
6. 错误

我正在使用angular cli 1.7。4和所有角度库（包括服务人员）都在5.2上。10

编辑1 08.05。2018

github 6上发布了一个问题https://github.com/angular/angular/issues/23742

编辑2 08.05。2018

到目前为止我能发现的是：

ng build--prod不会创建新版本的ngsw worker。js（重新加载新的新版本时，chrome不会显示“等待激活”）。当我在之前关闭或不关闭选项卡的情况下重新加载时，会出现错误。

当我手动向ngsw-worker.js添加一些东西（比如console.log）时，通常的生命周期就开始了，旧的服务工作者被“新”工作者所取代。

在激活之前重新加载时，会出现相同的错误。否则它会起作用。。。

此外，尝试使用angular的Fail-safe（删除或重命名ngsw配置）删除服务工作者会导致生成错误。

预计将找到ngsw配置。json配置文件位于/Users/hanche/Desktop/Development/playerly/toggl2文件夹中。在您的系统中提供一个或禁用服务工作者。json配置文件。

编辑3

如果从2018年5月1日开始的拉请求被接受，这个问题应该得到解决。

同时，您可以通过删除ngsw自动注销serviceworker。json来自dist/文件夹，而不是ngsw配置。json，如故障保护部分所述。看我在这里得到的答复。

此外，它也可能是铬虫

Answer 1

我们可以通过降级服务来解决这个错误。工人5.2。10至5.2。0“@angular/service worker”：“5.2.0”，

使现代化

在第二次部署之后，我们遇到了相同的错误。现在我们已经注销了chrome中的所有服务人员(chrome://serviceworker-internals/)现在它似乎与5.2版一起工作。10也是。不知道问题出在哪里。

Answer 2

在我们的例子中，问题在升级到angular 6.0后得到了解决。0.如果你的项目有可能，你应该试一试。

我看着ngsw的工人。js，它在6.0中发生了很大的变化。0与（在我们的案例中）5.2相比。0