未捕获(承诺中)类型错误：无法在&#39；addAll&#39；上执行&#39；缓存&#39；：在渐进式Web应用程序上请求失败 [英] Uncaught (in promise) TypeError: Failed to execute 'Cache' on 'addAll': Request failed on progressive web app

问题描述

我正在学习一个简单的PWA教程，但当我完成它时，我收到以下控制台错误，

Uncaught (in promise) TypeError: Failed to execute 'Cache' on 'addAll': Request failed

这是我的维修工文件

const staticDevCoffee = "dev-coffee-site-v1"
const assets = [
  "/",
  "/test.html",
  "/csstest/style.css",
  "/jstest/app.js",
  "/coffee.png",
]

self.addEventListener("install", installEvent => {
  installEvent.waitUntil(
    caches.open(staticDevCoffee).then(cache => {
      cache.addAll(assets)
    })
  )
})

当我运行灯塔测试时，我得到这个，

start_url does not respond with a 200 when offlineThe start_url did respond, but not via a service worker.

这是我第一次看到PWAS，所以我有点困惑。我已经尝试了在SO上找到的几种解决方案，但都不起作用。

推荐答案

• 第一个异常：-

  未捕获(承诺中)TypeError：无法对‘addAll’执行‘Cache’：请求失败

当您在缓存列表中提到的任何文件返回404响应时，您会得到此异常。因此，请确保所有资源都提供200。

• 对于第二个错误：-

  当OFFLINE START_URL响应时，START_url没有响应200。

在您的情况下，由于未缓存文件(由于第一个异常)，您将收到此错误，并确保将根索引文件缓存在缓存列表中。

这篇关于未捕获(承诺中)类型错误：无法在&#39；addAll&#39；上执行&#39；缓存&#39；：在渐进式Web应用程序上请求失败的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！