Progressive Web App＆＃34;不能脱机工作＆＃34;错误

Question

我已经编写了一个渐进式网络应用程序，遵循所有可用的指南和示例，但由于某些原因，当我点击npm install @types/node --save-dev 按钮时，我不断收到这个神秘的错误：

Add to homescreen

我的PWA和示例之间的主要区别在于我的纯粹是在域的非根路径中运行，所以我不得不在各个地方添加额外的路径到配置，所以应用程序仅限于非根文件夹。

Google Lighthouse网站也没有多大帮助，给出了非常相似的信息。

有人可以建议这个错误可能是由什么造成的吗？

Answer 1

所以我花了几个小时，但我最终发现在连接到serviceworker时需要在客户端JavaScript中指定所需的Site cannot be installed: does not work offline 参数，如果它不是在根（scope）路径上运行。

/

您可以在此处查看正在使用的产品：

• App：https://stampy.me/pwgen/
• 清单文件：https://stampy.me/pwgen/manifest.json
• ServiceWorker文件：https://stampy.me/pwgen/sw.js
• 应用程序脚本：https://stampy.me/pwgen/script.js（滚动到底部以获取PWA代码）

我希望我的痛苦可以节省一些时间。

Answer 2

您还需要在服务工作文件中定义fetch侦听器：

this.addEventListener('fetch', function (event) {
    // it can be empty if you just want to get rid of that error
});