断点触发后跳转错误需检查sourceMaps和webRoot配置：launch.json中必须设"sourceMaps": true、"outFiles"精确匹配JS路径，前端项目配"webRoot"，并重启调试会话；调用堆栈不可点击说明未暂停，需确认右下角显示⏸；多层嵌套建议用↑/↓+Enter导航，Alt+←返回上一帧；monorepo项目务必配置resolveSourceMapLocations。
断点触发后跳转到错误文件或空白处？检查 sourceMaps 和 webRoot 配置
点击调用堆栈里的帧却打不开源码，或直接跳到 webpack:///、vscode:// 开头的虚拟路径，说明 VS Code 没法把编译后的代码映射回原始文件。这不是界面卡顿，而是 sourcemap 解析失败。
实操建议：
-
launch.json中必须设"sourceMaps": true，且"outFiles"要精确匹配生成的 JS 文件路径，例如"outFiles": ["${workspaceFolder}/dist/**/*.js"] - 前端项目（如 Vue/React）务必配
"webRoot": "${workspaceFolder}/public"或对应静态资源根目录，否则浏览器报错路径无法反查 - 改完配置后必须重启调试会话——sourcemap 只在调试启动时加载一次，热更新不生效
- 打开「调试控制台」搜
Loaded source map from，看到无 404 的完整路径才算真正加载成功
调用堆栈面板点击无反应？确认调试会话是否真正暂停
面板灰掉、点击条目没跳转，大概率是调试器根本没停住，而不是操作失误。VS Code 的调用堆栈只在暂停态（⏸）下可交互。
实操建议：
- 看右下角状态栏：必须显示「调试正在运行」并有⏸按钮，否则按
F5启动调试，或先用F9在关键行设断点再运行 - Node.js 用户注意
stopOnEntry默认为false，若入口逻辑快（如app.listen()后立即退出），需手动设断点或启用该选项 - Python 用户若脚本秒退，末尾加
input()或设断点卡住，否则堆栈一闪即逝，来不及点
多层嵌套调用时怎么快速回到上一层？别依赖鼠标点，用快捷键导航
堆栈深了逐个点击效率低，还容易点错目标帧；而且 Alt+← 在非语义跳转场景下常失效。
实操建议：
- 聚焦到调用堆栈面板（Tab 键或鼠标点一下），用 ↑/↓ 键选中目标帧，再按
Enter跳转——比鼠标更准，也绕过某些扩展拦截 - 跳转后想立刻返回上一帧？用
Alt+←（Windows/Linux）或Cmd+←（macOS）走编辑器导航历史；若无效，改用Ctrl+Alt+←（强制回溯，基于光标快照，更鲁棒） - 注意：这些快捷键只对 Ctrl+Click、F12、Ctrl+P 等语义化跳转生效；滚动、鼠标点选、方向键移动都不计入历史
为什么改了 launch.json 还是跳不到源码？路径别名和 resolveSourceMapLocations 容易漏
尤其在 monorepo 或带路径别名（如 @/utils）的项目里，VS Code 默认找不到 src 对应关系，断点会“漂移”到 .js 文件甚至报错。
实操建议：
- TypeScript 项目确保
tsconfig.json含"sourceMap": true；Vite 用户检查vite.config.ts中build.sourcemap是否为true - 在
launch.json加"resolveSourceMapLocations": ["${workspaceFolder}/packages/**/src/**", "!**/node_modules/**"]，显式告诉 VS Code 去哪找原始源码 - jsconfig.json 或 tsconfig.json 中的
baseUrl和paths必须与实际 import 路径一致，否则面包屑和跳转都会失准
复杂项目里，最常被忽略的是 resolveSourceMapLocations 这一行——它不像 sourceMaps 那样显眼，但缺了它，多包结构下的断点基本等于摆设。
