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文件來繞過這個，你的代碼就可以了。