缓存匹配在反应中返回未定义

如何解决缓存匹配在反应中返回未定义

我正在尝试为我的 React 应用程序创建一个 service worker，我只是在玩弄东西。 当我使用 cache.match 时，我得到 undefined 返回给我，但是当我使用 cache.matchAll 时，我得到了所有的响应对象，但我不确定为什么。我认为这与我缓存的页面中有链接有关，但我不确定。

    const cacheName = 'v2'
    const cacheFiles = ['http://localhost:3000/index.html']
    
    self.addEventListener('install',(e)=>{
      console.log('installed');
      e.waitUntil(
        caches
        .open(cacheName)
        .then(cache => {
          self.skipwaiting();
          return cache.addAll(cacheFiles);
        })
      )
    
    })
    
    self.addEventListener('activate',(e)=>{
      console.log('activated');
    })
    
    
    
    self.addEventListener('fetch',(e)=>{
      console.log(e.request);
    
      e.waitUntil(
        caches.open(cacheName).then(cache => {
          cache.match(e.request).then(res => {
            console.log('The response',res);
            return test
          })
        })
      )

})

获取请求包括 index.html 以外的文件，因为它是一个 React 应用程序，并且还需要请求 bundle.js 之类的东西。

解决方法

问题是我缓存了一个与请求名称不匹配的网址