Watch面板显示??或空白，说明调试器未获取有效栈帧；常见原因包括调试流程未启动、断点未命中、变量超出当前作用域、source map配置错误或不匹配。
Watch 面板显示 ?? 或空白，说明调试器没真正“看到”变量
Watch 面板不是万能监听器，它只在断点命中、调试器获得有效栈帧时才工作。常见假性调试状态包括：
• 顶部没出现橙色调试工具栏（说明 F5 没走调试流程，可能 launch.json 中 "type" 写错，比如 Python 项目误配成 "node"）
• 断点是空心灰色（未命中），通常是源码与生成文件不匹配（如 TypeScript 编译后路径不对，或 webpack devtool 配置缺失 source-map）
• 表达式输入了当前栈帧不存在的变量，例如在函数外部监视 i，但 i 是 for (let i = 0; ...) 块级作用域内变量
添加监视表达式时，别手输，用右键 “Add to Watch” 更可靠
手动输入容易拼错、漏括号、忽略作用域限制。更稳妥的做法是：
• 在编辑器中选中变量名（如 user、response.data），右键 → Add to Watch
• 对嵌套访问，优先用安全写法：写 user && user.profile && user.profile.name，而非 user?.profile?.name（部分旧版调试器不支持可选链求值）
• 若监视函数调用（如 calculateTotal()），确保该函数在当前上下文可访问，且无副作用（Watch 不执行赋值或 DOM 操作）
Watch 和 Debug Console 不是一回事，别指望它执行代码
Watch 是只读快照：每次断点暂停时自动求值，适合盯 items.length 或 error?.message 这类纯读取表达式。Debug Console（快捷键 Ctrl+Shift+Y）才是可交互 REPL：
• 可执行 count = 100、localStorage.clear()
• 支持 $_ 引用上一次结果
• 但不会自动刷新，必须回车才执行
混淆两者会导致“为什么我输 counter++ 没反应？”这类问题
TypeScript/webpack 项目 Watch 失效，大概率是 source map 没对上
你写的 myUser 在 TS 源码里，但调试器停在编译后的 var e = t.myUser 上——变量名已被压缩或重命名，Watch 找不到原始标识符。
检查点：
• tsconfig.json 中 "sourceMap": true 已开启
• webpack 配置中 devtool: 'source-map'（非 'eval-source-map'，后者在某些调试器版本中不稳定）
• launch.json 的 "webRoot" 或 "outFiles" 是否指向正确输出目录
临时验证：在 Debug Console 中输 myUser 看是否报 ReferenceError，若报错，基本锁定 source map 问题
复杂点在于：Watch 的行为严格绑定于**单个栈帧的词法作用域**，而不是“整个函数体”或“整个文件”。哪怕只是多一层 IIFE、一个异步回调跳转，作用域就可能断裂。这点容易被忽略，尤其在 Promise 链或 React 组件重渲染逻辑中。
