From 4d08ebcb08112f10d0a6b78aa1886ad1fa252fc2 Mon Sep 17 00:00:00 2001 From: Anthony Fu Date: Fri, 1 May 2026 18:51:30 +0900 Subject: [PATCH] fix(devtools): pre-bundle additional injected client deps in dev Extend the dev optimizeDeps.include list so Vite doesn't trigger a page reload when discovering deps imported by the runtime client plugins: `@vitejs/devtools/client/inject`, `@vitejs/devtools-kit/client`, `error-stack-parser-es`, and `vite-plugin-vue-tracer/client/overlay`. Co-Authored-By: Claude Opus 4.7 (1M context) --- packages/devtools/src/module-main.ts | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/packages/devtools/src/module-main.ts b/packages/devtools/src/module-main.ts index 4791bcc4e4..5f57f7d2be 100644 --- a/packages/devtools/src/module-main.ts +++ b/packages/devtools/src/module-main.ts @@ -64,8 +64,14 @@ export async function enableModule(options: ModuleOptions, nuxt: Nuxt) { if (nuxt.options.dev) { nuxt.options.vite.optimizeDeps ||= {} nuxt.options.vite.optimizeDeps.include ||= [] - nuxt.options.vite.optimizeDeps.include.push('@vue/devtools-kit') - nuxt.options.vite.optimizeDeps.include.push('@vue/devtools-core') + nuxt.options.vite.optimizeDeps.include.push( + '@vue/devtools-kit', + '@vue/devtools-core', + '@vitejs/devtools/client/inject', + '@vitejs/devtools-kit/client', + 'error-stack-parser-es', + 'vite-plugin-vue-tracer/client/overlay', + ) } const DevTools = await import('@vitejs/devtools').then(r => r.DevTools())