当一个或多个URL不存在并且找不到要缓存的URL时，会导致此错误
我检查了url，似乎./App.js不存在。如果它是react项目的App.js，则不需要缓存它（因为它在生产中不存在）。因此，请从urlCache数组中删除它
如果您使用缓存优先策略，则需要使用www.example.com然后使用cache.match来处理它cache.open and then cache.match
因此更改此部分：

event.respondWith(
  caches.match(event.request).then((response) =\> {
  if (response) {
    return response;
  }
  let fUrl = event.request.clone();
  fetch(fUrl);
})
);

改为：

event.respondWith(
  caches.open(cacheName)
    .then(function(cache) {
      cache.match(event.request)
        .then( function(cacheResponse) {
          if(cacheResponse)
            return cacheResponse
          else
            return fetch(event.request)
              .then(function(networkResponse) {
                cache.put(event.request, networkResponse.clone())
                return networkResponse
              })
        })
    })
)

为了更有条理我重写了你的代码

let CACHE_NAME = "codePwa";

var urlCache = [
    "./manifest.json",
    "./logo192.png",
    "./",
    "./index.html",
    "./favicon.ico",
    "./static/js/main.4d5113ea.js",
    "./static/js/bundle.js",
    "./static/css/main.073c9b0a.css",
    "/about",
    "/contact",
];
self.addEventListener('install', function (evt) {
    console.log('The service worker is being installed.');
    evt.waitUntil(precache());
});

self.addEventListener('fetch', function (evt) {

    if (!navigator.onLine) {
        console.log("offline");
        if (evt.request.url === "http://localhost:3000/static/js/main.chunk.js") {
            evt.waitUntil(
                this.registration.showNotification("modeNet", {
                    body: "Offline",
                    icon: "http://localhost:3000/logo192.png",
                })
            );
        }
    }

    evt.respondWith(fromCache(evt.request));
    if(navigator.onLine)
    evt.waitUntil(update(evt.request));
});

function precache() {
    return caches.open(CACHE_NAME).then(function (cache) {
        return cache.addAll(urlCache);
    });
}

function fromCache(request) {
    return caches.open(CACHE_NAME).then(function (cache) {
        return cache.match(request).then(function (matching) {
            return matching || Promise.reject('no-match');
        });
    });
}

function update(request) {
    return caches.open(CACHE_NAME).then(function (cache) {
        return fetch(request).then(function (response) {
            return cache.put(request, response);
        });
    });
}

self.addEventListener('activate', evt =>
    evt.waitUntil(
        caches.keys().then(cacheNames => {
            return Promise.all(
                cacheNames.map(cacheName => {
                    if (cacheName !== CACHE_NAME) {
                        return caches.delete(cacheName);
                    }
                })
            );
        })
    )
);