VSCode Expo调试实例无法正确连接打包器求助

针对你遇到的断点不触发、变量不显示的问题，试试下面这些具体步骤：

1. 完善VSCode调试配置 #

你的launch.json可以补充几个关键配置项，确保调试器能正确识别源码和映射：

{
  "name": "Attach to packager",
  "cwd": "${workspaceFolder}",
  "type": "reactnative",
  "request": "attach",
  "port": 19000,
  "sourceMaps": true,
  "disableOptimisticBPs": true // 避免断点被编译器优化掉
}

2. 正确触发模拟器的调试连接 #

打开Expo应用的开发者菜单（Android模拟器按Ctrl+M，或在模拟器界面模拟摇设备操作），按以下顺序操作：

• 先选择**"Disable Fast Refresh"**（快速刷新机制可能干扰断点命中）
• 再选择**"Open JS Debugger"**，此时会自动打开浏览器调试窗口，不要关闭这个窗口，保持后台运行
• 回到VSCode，启动你配置的"Attach to packager"调试会话

3. 确保网络和端口连通性 #

• 检查19000端口是否被其他进程占用：Mac/Linux用lsof -i :19000，Windows用netstat -ano | findstr :19000，如果被占用就杀掉对应进程
• 给Android模拟器做端口转发，执行命令：adb reverse tcp:19000 tcp:19000，确保模拟器能正常访问本地Metro服务

4. 清理缓存并重启服务 #

缓存冲突是调试异常的常见原因，按顺序执行：

1. 关闭VSCode、模拟器和Metro终端窗口
2. 清理Expo缓存：npx expo r -c
3. 重新启动Metro：npx expo start
4. 重新打开模拟器加载应用，再重复步骤2触发调试连接

5. 检查VSCode插件状态 #

确保你安装的是官方React Native Tools插件，并且是最新版本。旧版本插件可能和新版Expo存在兼容性问题，更新后再重试调试。

内容的提问来源于stack exchange，提问作者Arky__