chore: inject Vite client script manually

3w36zj6 · 3w36zj6 · commit d7400e99da45 · 2025-08-18T11:27:28.000+09:00
diff --git a/website/src/components/templates/BaseTemplate.tsx b/website/src/components/templates/BaseTemplate.tsx
@@ -1,4 +1,5 @@
 import { Style, css } from "hono/css";
+import { html } from "hono/html";
 import type { FC, PropsWithChildren } from "hono/jsx";
 import { basePath } from "../../metadata";
 import type { Page } from "../../types/model";
@@ -174,6 +175,13 @@ samp {
 		"Liberation Mono", "Courier New", monospace;
 }
 `}</Style>
+				{/* NOTE: @hono/vite-dev-server does not respect the base setting in the Vite configuration. */}
+				{import.meta.env.DEV &&
+					html`
+          <script>
+            import("${basePath.replace(/\/$/, "")}/@vite/client")
+          </script>
+        `}
 			</head>
 
 			<body
diff --git a/website/vite.config.ts b/website/vite.config.ts
@@ -38,7 +38,14 @@ export default defineConfig({
 		}),
 		devServer({
 			entry: "src/index.tsx",
-			exclude: [...defaultOptions.exclude, /^\/assets\/.+/, /^\/index\.html$/],
+			exclude: [
+				...defaultOptions.exclude,
+				/^\/assets\/.+/,
+				/^\/index\.html$/,
+				// NOTE: @hono/vite-dev-server does not respect the base setting in the Vite configuration.
+				new RegExp(`^${basePath.replace(/\/$/, "")}/@.+`),
+				new RegExp(`^${basePath.replace(/\/$/, "")}/node_modules(?:/|$)`),
+			],
 		}),
 	],
 	build: {
