watch面板为空或显示??，本质是调试器求值上下文丢失；需先确认顶部有橙色调试工具栏、断点为实心红点，再检查作用域有效性、source map配置及表达式语义匹配。
Watch 面板为空或显示 ??，先确认是否真在调试状态
Watch 面板只在**活跃的调试会话中工作**，不是点了 F5 就自动生效。常见假性调试：launch.json 中 "type" 写成 "python"（旧版）而非 "debugpy"，或 Node.js 项目误用 "launch" 而非 "attach" 模式，导致 F5 实际只是运行，不启动调试器。
关键验证点：
- 顶部必须出现橙色调试工具栏（含暂停/继续按钮），否则 Watch 不会求值
- 断点图标要是实心红点；灰色表示未命中，可能因 source map 失效、代码未执行到、或 TypeScript 编译后路径不匹配
- 按
Ctrl+Shift+P→ 输入Debug: Toggle Watch，若面板弹出但全空，基本可判定是上下文丢失，不是插件问题
添加表达式后显示 “Cannot evaluate expression”
这不是语法错误，而是当前断点位置**没有可用栈帧**或变量不在作用域内。比如：
- 在
for循环体外监视i（let i块级作用域已退出） - 在 React 组件顶层监视
state.user（函数尚未执行，state还未初始化） - TypeScript 项目里输
myVar却看不到值（source map 未启用或失效，调试器停在编译后的.js文件，变量名已被压缩） - 输入
user?.profile?.name但调试器版本不支持可选链（改用user && user.profile && user.profile.name更稳妥）
实操建议：右键变量名 → Add to Watch，比手输更可靠；对不确定是否存在的属性，优先用逻辑与代替可选链。
Watch 和 Debug Console 完全是两回事
很多人混淆两者能力边界：
-
Watch是只读快照：每次断点暂停时自动重新求值，适合盯response.data.length这类变化频繁的表达式；但它**不执行副作用**——输counter++或localStorage.setItem("x", "y")会报错或无效 -
Debug Console（Ctrl+Shift+Y）是完整 REPL：能赋值、调函数、改对象属性，甚至用$_引用上一次结果；但它**不会自动刷新**，必须手动回车才执行
简单记：想“盯住一个值的变化”，用 Watch；想“临时跑一段代码验证逻辑”，用 Debug Console。
Watch 表达式里哪些写法危险或无效
Watch 支持合法表达式，但不接受语句，也不保证安全执行：
- ❌ 无效：
console.log(x)、if (x) {}、function() {}→ 直接报ReferenceError或SyntaxError - ⚠️ 高风险：
getData()（若函数有副作用，可能意外修改状态）、await fetch('/api')（顶层 await 不被支持，报错）、items.filter(...).map(...)（万级数组会卡顿调试器） - ✅ 推荐：
user.name、typeof data === 'object' && data?.id、JSON.stringify(state, null, 2)（注意大对象性能）
最易被忽略的一点：Watch 不自动追踪引用变化。你监视 obj，然后代码中执行 obj.name = 'new'，Watch 里的展开树不会动态更新——必须手动点刷新图标（↻）或再次暂停才能看到新值。
