我一直在做一個用 HTML、CSS 和 JS 編寫的項目，并在屏幕上隨機顯示不同的視頻。我希望它是一個 PWA，所以它做到了。它工作得很好，但是當我打開 Chrome DevTools 和“應用程序”頁面時，在“清單”部分它會拋出一個警告：“沒有檢測到匹配的服務工作人員。您可能需要重新加載頁面，或者檢查服務工作人員的當前頁面還控制清單中的起始 URL?！蔽覍Ψ杖藛T了解不多，我想知道為什么它有效，但似乎無效。另一個問題是我從來沒有彈出“添加到主屏幕”。但是如果我手動添加它，它會完美運行。它也可以離線工作。網站鏈接：https ://ondersumer07.github.io/vinematik/我的 main.js 中的服務人員代碼：window.addEventListener("load", () => {  registerSW();});async function registerSW() {  if ('serviceWorker' in navigator) {    try {      await navigator.serviceWorker.register('./sw.js');    } catch (e) {      console.log(`SW registration failed`);    }  }}我的 sw.js：//CACHING FILES//const filesToCache = [  './',  './offline.html',  './css/offline.css',];const staticCacheName = 'pages-cache-v2';self.addEventListener('install', event => {  console.log('Attempting to install service worker and cache static assets');  event.waitUntil(    caches.open(staticCacheName)    .then(cache => {      return cache.addAll(filesToCache);    })  );});//LOADING FILES WHEN OFFLINE//self.addEventListener('fetch', event => {  console.log('Fetch event for ', event.request.url);  event.respondWith(    caches.match(event.request)    .then(response => {      if (response) {        console.log('Found ', event.request.url, ' in cache');        return response;      }      console.log('Network request for ', event.request.url);      return fetch(event.request)        .then(response => {          // TODO 5 - Respond with custom 404 page          return caches.open(staticCacheName).then(cache => {            cache.put(event.request.url, response.clone());            return response;          });        });    }).catch(error => {      console.log('Error, ', error);      return caches.match('./offline.html');    })  );});// TODO 6 - Respond with custom offline pageself.addEventListener('activate', event => {  console.log('Activating new service worker...');  const cacheWhitelist = [staticCacheName];          }        })      );    })  );});