jekyll + service worker 失败：service worker 没有成功服务于清单的 start_url

Question

无法为 jekyll 支持的项目站点设置 service worker，Lighthouse 拒绝 start_url 值并给出错误 Unable to fetch start URL via service worker

app->manifest 输出显示根 /

也尝试了 ./index.html - 结果相同。有办法通过审核吗？

manifest.json:

{
  "name": "outcast",
  "short_name": "outcast",
  "icons": [
    {
      "src": "/assets/images/splsh192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "/assets/images/splsh512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "lang": "en-US",
  "display": "standalone",
  "background_color": "#131313",
  "theme_color": "#f62e1a",
  "start_url": "/",
  "serviceworker": {
   "src": "sw.js",
   "scope": "/",
   "update_via_cache": "none"
 }
}

sw.js

Answer 1

用官方指南中的代码替换 sw.js 中的 fetch 处理程序解决了这个问题。仍在调试未定义的缓存

self.addEventListener('fetch', function(event) {
  event.respondWith(
    caches.match(event.request)
      .then(function(response) {
        // Cache hit - return response
        if (response) {
          return response;
        }
        return fetch(event.request);
      }
    )
  );
});

Answer 2

你可以这样试试。我遇到了类似的问题：

self.addEventListener("fetch", function(event) {
  event.respondWith(
    fetch(event.request).catch(function(error) {
      console.log(
        "[Service Worker] Network request Failed. Serving content from cache: " +
          error
      );
      //Check to see if you have it in the cache
      //Return response
      //If not in the cache, then return error page
      return caches
        .open(
          "https://your.website"
        )
        .then(function(cache) {
          return cache.match(event.request).then(function(matching) {
            var report =
              !matching || matching.status == 404
                ? Promise.reject("no-match")
                : matching;
            return report;
          });
        });
    })
  );
});

jekyll + service worker 失败：service worker 没有成功服务于清单的 start_url

jekyll + service worker failure : service worker does not successfully serve the manifest's start_url

google-chrome-devtools

jekyll

service-worker

workbox

lighthouse