try to fix vite preload error with chunks and reloading (#741)

raspiblitz · Jul 9, 2024 · 96dd01f · 96dd01f
1 parent 74956fc
commit 96dd01f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -18,6 +18,11 @@ declare module "i18next" {
   }
 }
 
+// see https://vitejs.dev/guide/build#load-error-handling
+window.addEventListener("vite:preloadError", (event) => {
+  window.location.reload();
+});
+
 const container = document.getElementById("root") as HTMLElement;
 const root = createRoot(container);
 root.render(

diff --git a/vite.config.ts b/vite.config.ts
@@ -12,6 +12,12 @@ export default defineConfig({
   plugins: [react(), viteTsconfigPaths(), svgr(), eslint()],
   build: {
     outDir: "build",
+    rollupOptions: {
+      output: {
+        // see https://github.com/vitejs/vite/issues/11804#issuecomment-2009619365
+        chunkFileNames: 'chunk-[hash].js'
+      }
+    }
   },
   resolve: {
     alias: {