正确插件是 debugger for edge，launch.json 中 type 必须为 "pwa-chrome"；需开启 sourcemap、清空浏览器缓存、避免 file:// 协议，确保 devtools sources 面板可查看原始源码。
Chrome 调试插件没装对，launch.json 里 type 写成 chrome 就报错
VSCode 官方调试 Chrome 的扩展是 Debugger for Edge（它同时支持 Chrome），不是 Chrome Debugger（已废弃）。装错插件后，launch.json 里哪怕写对了配置，VSCode 也识别不了 type: "pwa-chrome" —— 因为旧插件只认 "chrome"，而新版只接受 "pwa-chrome"。
实操建议：
- 卸载所有叫
Chrome Debugger或带 “legacy” 字样的插件 - 安装官方推荐的
Debugger for Edge（微软出品，支持 Chrome / Edge / WebView2） -
launch.json中必须用"type": "pwa-chrome"，不是"chrome"，否则提示Unable to launch browser: unknown error - 如果项目跑在
localhost:3000，确保url字段写完整，比如"http://localhost:3000"，少写http://会静默失败
断点不触发？检查 sourceMap 和构建工具输出路径是否匹配
Webpack/Vite/Vue CLI 构建时生成的 .js 文件如果没带正确的 sourceMap，或者 map 文件路径指向错误位置，VSCode 就找不到原始 .ts 或 .vue 文件，断点只会“灰掉”或跳到压缩后代码里。
实操建议：
- 确认构建配置开启了
devtool: 'source-map'（Webpack）或build.sourcemap: true（Vite） - 检查浏览器开发者工具的
Sources面板里能否看到webpack://或vite://下的源码；看不到说明 sourceMap 没生效 - VSCode 的
launch.json中可加"webRoot": "${workspaceFolder}/dist"（对应构建输出目录），但更推荐让构建工具把 map 文件内联（devtool: 'inline-source-map'），避免路径解析失败 - Vue/React 组件内 `
