求助：如何让基于Qwik Framework的PWA支持离线运行？

我正为让基于Qwik Framework开发的PWA实现离线运行而绞尽脑汁。已查阅官方文档、寻找相关示例，尝试过Vite-PWA插件与手动注册Service Worker，但均未成功，该PWA始终仅能在线运行。

若有开发者能提供帮助，我将万分感激，祝您愉快！

以下是我当前运行PWA的最小配置文件：

vite.config.ts #

import { defineConfig } from "vite";
import { qwikVite } from "@builder.io/qwik/optimizer";
import { qwikCity } from "@builder.io/qwik-city/vite";
import tsconfigPaths from "vite-tsconfig-paths";
import { qwikReact } from "@builder.io/qwik-react/vite";

export default defineConfig(() => {
  return {
    plugins: [qwikCity(), qwikVite(), tsconfigPaths(), qwikReact()],
    preview: {
      headers: {
        "Cache-Control": "public, max-age=600",
      },
    },
    ssr: {
      target: "webworker",
    }
  };
});

entry.ssr.tsx #

import { renderToStream, type RenderToStreamOptions } from '@builder.io/qwik/server'
import { manifest } from '@qwik-client-manifest'
import Root from './root'

export default function (opts: RenderToStreamOptions) {
  return renderToStream(<Root />, {
    manifest,
    ...opts,
    containerAttributes: {
      lang: 'es-PE',
      ...opts.containerAttributes
    }
  })
}

routes/service-worker.ts #

import { setupServiceWorker } from '@builder.io/qwik-city/service-worker'

setupServiceWorker()

addEventListener('install', () => self.skipWaiting())

addEventListener('activate', () => self.clients.claim())

declare const self: ServiceWorkerGlobalScope

manifest.json #

{
  "$schema": "https://json.schemastore.org/web-manifest-combined.json",
  "name": "PWA with Qwik",
  "short_name": "QwikPWA",
  "start_url": ".",
  "display": "standalone",
  "background_color": "#fafafa",
  "description": "My PWA description",
  "icons": [
    {
      "src": "192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

内容的提问来源于stack exchange，提问作者Alessandro Rios