fix: add Vite base option for correct asset paths on GitHub Pages

binnodon · binnodon · commit a1963f2483a7 · 2026-02-20T11:21:23.000-06:00
The baseURL option only affects routing, not asset paths. Adding the
Vite base option ensures all assets (JS, CSS) are requested from the
correct path (/gc-solid-ui/) when deployed to GitHub Pages.

This fixes the blank page and 404 errors for JavaScript files.
diff --git a/app.config.ts b/app.config.ts
@@ -21,6 +21,7 @@ export default defineConfig(
         }
       },
       vite: {
+        base: process.env.NODE_ENV === "production" ? "/gc-solid-ui/" : "/",
         plugins: [tailwindcss()],
         resolve: {
           conditions: ["solid", "browser", "development"]

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@ export default defineConfig(`
`21`	`21`	`}`
`22`	`22`	`},`
`23`	`23`	`vite: {`
	`24`	`+ base: process.env.NODE_ENV === "production" ? "/gc-solid-ui/" : "/",`
`24`	`25`	`plugins: [tailwindcss()],`
`25`	`26`	`resolve: {`
`26`	`27`	`conditions: ["solid", "browser", "development"]`