Skip to content

vite-browserKnow why your Vite app broke — not just where.

Runtime diagnostics for Vite, from the terminal. Connect to a running dev server, query HMR traces, mapped errors, and component state as structured output — built for developers and AI agents alike.

The debugging gap

You save a file. Vite hot-updates. The page breaks. The error overlay tells you what failed — but not which update caused it, how the change propagated through your component tree, or whether the real problem is a stale store, a broken import, or a network regression. vite-browser fills that gap.

0 PluginsConnects to any running Vite dev server with zero setup.
Agent-NativeEvery command returns structured output that AI coding tools can reason about.
Skill RouterAutomatically picks the right debugging workflow for the current symptom.

Trace HMR breakage

Correlate the current error with recent hot-module updates. Get rule-based diagnoses like missing-module or hmr-websocket-closed to narrow the problem fast.

Inspect framework state

Query Vue component trees, Pinia stores, React props and hooks, or Svelte state — alongside console logs, network traces, and source-mapped errors — all from one terminal.

Diagnose propagation

When a store update breaks a downstream component, trace the store → render → error path with high-confidence evidence instead of manually stepping through DevTools.

A typical debugging session

vite-browser open http://localhost:5173
vite-browser errors --mapped --inline-source
vite-browser correlate errors --mapped --window 5000
vite-browser diagnose propagation --window 5000

MIT Licensed