sw-toolbox无法在gh-pages上工作

Question

我制作了一个简单的AngularJS待办事项应用程序并使用了sw-toolbox。 它在我的本地主机上工作正常但是当我在gh-pages上使用它时，控制台上几乎没有404错误，服务工作者在获取脚本时也显示404错误。

DEMO

码

Answer 1

抛出错误， TypeError：无法注册ServiceWorker：获取脚本时收到错误的HTTP响应代码（404）。 ，告诉我们从未找到过SW脚本本身。 浏览器尝试获取脚本，但自从404返回后无法访问。

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

这里的邪恶是/sw.js - 在你的计算机上你可能在localhost中运行该站点：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文件来绕过这个，你的代码就可以了。