Tengo una aplicación Vue y estoy tratando de convertirla en una PWA. Estoy usando el complemento Vite-PWA ( este complemento )

El problema es que cuando los archivos se envían desde el caché, la página sigue recargando una y otra vez cuando la abres y estoy usando el protocolo Oauth2 para la autorización, usé la biblioteca oidc-clint.js

notas:

1. cuando abre la aplicación PWA sin conexión, el problema no ocurre.
2. cuando borra el almacenamiento de caché, la página se abre normalmente.

aquí está mi archivo vite.config.ts:

 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import { VitePWA } from 'vite-plugin-pwa' const path = require('path') export default defineConfig({ plugins: [ vue(), VitePWA({ includeManifestIcons: true, manifest: { icons: [ { src: 'icons/android-launchericon-512-512.png', sizes: '512x512', }, { src: 'icons/android-launchericon-192-192.png', sizes: '192x192', }, ], }, }), ], resolve: { alias: { '@': path.resolve(__dirname, './src'), functions: path.resolve(__dirname, './src/components/functions'), }, }, server: { port: 8000, }, })

mi manifiesto

 { "name": "my-app", "short_name": "my-app", "start_url": "/", "display": "standalone", "background_color": "#ffffff", "lang": "en", "scope": "/", "icons": [ { "src": "icons/android-launchericon-512-512.png", "sizes": "512x512" }, { "src": "icons/android-launchericon-192-192.png", "sizes": "192x192" } ] }