如果query/params包含点(.)，则CRA的服务工作者不会介入

// src/serviceWorker.js
const registerValidSW = async (location) => {
  try {
    const registration = await navigator.serviceWorker.register('/service-worker.js', {
      scope: '/',
      type: 'module',
    });
    console.log('Service worker registered:', registration);
  } catch (error) {
    console.error('Service worker registration failed:', error);
  }
};

// 修改注册逻辑，允许包含点的查询参数
const shouldRegisterServiceWorker = () => {
  const { pathname, search } = window.location;
  // 允许包含点的查询参数
  return true;
};

if ('serviceWorker' in navigator && shouldRegisterServiceWorker()) {
  window.addEventListener('load', () => {
    registerValidSW(window.location);
  });
}

// src/custom-service-worker.js
self.addEventListener('install', (event) => {
  console.log('Custom service worker installing.');
});

self.addEventListener('activate', (event) => {
  console.log('Custom service worker activating.');
});

self.addEventListener('fetch', (event) => {
  console.log('Fetching:', event.request.url);
});

// src/index.js
import * as serviceWorkerRegistration from './custom-service-worker';

serviceWorkerRegistration.register();