Слушатель событий выборки React Service Worker никогда не выполняется для внешних запросов API

Я создаю PWA с помощью React.

Мой Сервисный работник, похоже, работает нормально, за исключением прослушивателя событий выборки, который не выполняется, когда в моем приложении Реагировать срабатывает HTTP-запрос GET, используя API выборки для получения данных из внешнего API в Интернете.

Where should I be placing my fetch event listener?

Работает ли он для внешних запросов или только для запросов к файлам, которые являются частью приложения?
Пожалуйста, дайте мне знать, если вы заметите какие-либо проблемы с моим кодом ниже.

Я использую шаблонный файл Сервисный работник, который появляется при использовании create-react-app для запуска нового проекта.

Вот мой код:

(Казнь никогда не попадает в window.addEventListener('fetch', ...) часть)

function registerValidSW(swUrl) {
  navigator.serviceWorker
    .register(swUrl)
    .then(registration => {
      registration.onupdatefound = () => {
        const installingWorker = registration.installing;
        installingWorker.onstatechange = () => {
          if (installingWorker.state === 'installed') {
            if (navigator.serviceWorker.controller) {

              window.addEventListener('fetch', (event) => {
                event.respondWith(
                  caches.match(event.request)
                    .then((response) => {
                      if (response) {
                        return response
                      }
                      return fetch(event.request).then(response => { 
                        caches.open('fetch').then((cache) => {
                          cache.put(event.request, response.clone());
                        });
                        return response;
                      })
                    }
                  )
                );
              });

              console.info('New content is available; please refresh.');
            } else {
              // static files caching
              cacheStaticFiles();

              // external api data caching
              cacheApiData();

              // At this point, everything has been precached
              console.info('Content is now cached for offline use.');
            }
          }
        };
      };
    })
    .catch(error => {
      console.error('Error during service worker registration:', error);
    });
}