javascript - 渐进式 Web 应用程序 "does not work offline"错误

Question

我已经按照所有可用的指南和示例编写了一个渐进式 Web 应用程序，但是由于某种原因，当我单击 Add to homescreen 按钮时，我不断收到这个神秘的错误:

Site cannot be installed: does not work offline

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

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

任何人都可以建议这个错误可能是由什么引起的吗？

Answer 1

所以我花了几个小时，但我最终发现在连接到 serviceworker 时需要在客户端 JavaScript 中指定一个必需的 scope 参数，如果它没有运行的话在根 (/) 路径上。

if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('sw.js?v2', {
        scope: '.' // <--- THIS BIT IS REQUIRED
    }).then(function(registration) {
        // Registration was successful
        console.log('ServiceWorker registration successful with scope: ', registration.scope);
    }, function(err) {
        // registration failed :(
        console.log('ServiceWorker registration failed: ', err);
    });
}

你可以在这里看到工作产品:

• 应用程序:https://stampy.me/pwgen/
• list 文件:https://stampy.me/pwgen/manifest.json
• ServiceWorker 文件:https://stampy.me/pwgen/sw.js
• 应用脚本:https://stampy.me/pwgen/script.js (滚动到 PWA 代码底部)

我希望我的痛苦可以为其他人节省一些时间。