我的index.html文件中的以下脚本：

<script>
    const serviceWorkerCode = `
          self.addEventListener('fetch', event => {
            console.log('Fetch intercepted!', event.request.url);
            event.respondWith(fetch(event.request));
          });
    `;
    const blob = new Blob([serviceWorkerCode], { type: 'application/javascript' });
    const blobUrl = URL.createObjectURL(blob);
    navigator.serviceWorker.register(blobUrl)
        .then(registration => {
            console.log('Service Worker registered!');
        })
        .catch(error => {
            console.error('Service Worker registration failed:', error);
        });
    URL.revokeObjectURL(blobUrl);
</script>

导致
（索引）：43 Service Worker注册失败：类型错误：无法注册服务工作器：不支持脚本的URL协议（'blob：https：//localhost：7128/e50 c29 d9 - 330 b-41 c9 - 8 f5 d-615 f16120 ea 6'）。
我怀疑这是因为blob协议不能与ServiceWorker.register函数一起工作，所以我希望有人知道如何基于javascript字符串激活ServiceWorker示例。
总体目标是创建一个包含所有网站文件的html文件作为嵌入流，ServiceWorker在获取时提供这些流。如果有人以另一种方式解决了这个问题，那也是一个很好的答案。