sw-toolbox在gh页上不起作用

Question

我做了一个简单的AngularJS待办事项应用程序，并使用sw-toolbox。它在我的本地主机上工作得很好，但当我在gh页面上使用它时，控制台上抛出了很少的404错误，服务工作者在获取脚本时也显示了404错误。

DEMO

CODE

Answer 1

抛出的错误TypeError: Failed to register a ServiceWorker:在获取脚本时收到错误的响应代码(404)，告诉我们从未找到SW脚本本身。浏览器尝试获取脚本，但无法获取，因为返回了404。

非常简单的错误。当sw.js文件实际位于https://viveksharma619.github.io/PWA_simple_to_do/sw.js中时，您的应用程序会尝试从https://viveksharma619.github.io/sw.js注册该文件

这里的邪恶之处在于/sw.js -在您的计算机上，您可能正在本地主机:8080中运行站点，而/sw.js是真正的位置，但现在应用程序位于PWA_simple_to_do文件夹中，并且sw.js脚本应由"sw.js“(当前文件夹)或/PWA_simple_ to _do/sw.js指向

Answer 2

由于gh页面是使用jekyll托管的，因此默认情况下，jekyll版本3.3会忽略node_modules和供应商文件。因此，当从gh-pages中获取它们时，您将无法获得它们。相反，它会为sw-toolbox.js记录“无法加载资源”。

您可以通过在github存储库的根目录中添加一个简单的.nojekyll文件来绕过这个问题，这样您的代码就可以正常工作了。