Reverted service worker; got caching working

This commit is contained in:
Sean Edmunds
2025-04-14 13:36:14 -05:00
parent baefeba3c8
commit abb0e10b84
4 changed files with 2 additions and 30 deletions

View File

@@ -24,8 +24,7 @@
"react-query": "^3.39.3",
"react-router-dom": "^7.5.0",
"react-toastify": "^11.0.5",
"recharts": "^2.15.2",
"vite-plugin-pwa": "^1.0.0"
"recharts": "^2.15.2"
},
"devDependencies": {
"@types/node": "^22.14.0",

View File

@@ -1,12 +1,6 @@
import App from './App';
import render from './Root';
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register(
import.meta.env.MODE === 'production' ? '/service-worker.js' : '/dev-sw.js?dev-sw'
)
}
Promise.all([render, App])
.then(([render, App]) => {
render(App);

View File

@@ -1,4 +0,0 @@
// src/service-worker.js or src/service-worker.ts
self.addEventListener("fetch", (event: any) => {
event.respondWith(fetch(event.request));
});

View File

@@ -1,7 +1,6 @@
import path from 'node:path';
import react from '@vitejs/plugin-react';
import { defineConfig, loadEnv } from 'vite';
import { VitePWA } from 'vite-plugin-pwa';
// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
@@ -26,23 +25,7 @@ export default defineConfig(({ mode }) => {
},
},
},
plugins: [
react(),
VitePWA({
srcDir: "src",
filename: "service-worker.ts",
strategies: "injectManifest",
injectRegister: false,
manifest: false,
injectManifest: {
injectionPoint: undefined,
},
workbox: {
maximumFileSizeToCacheInBytes: 10 * 1024 * 1024,
globPatterns: ['**/*.{ts,js,css,html,ico,png,svg}']
}
})
],
plugins: [react()],
server: {
port: 3000,
host: '0.0.0.0',