无法使用VS Code调试基于Expo的React Native应用

• 第一步：确认扩展启用状态
  打开VS Code扩展面板，搜索React Native Tools，确认扩展处于启用状态，若显示「启用」按钮则点击开启，完成后重启VS Code重新加载扩展。
• 第二步：校验工作区路径配置
  React Native Tools扩展需识别项目根目录下的package.json文件来判定项目类型，需确认当前VS Code打开的工作区为项目根目录（即package.json、app.json等配置文件所在的文件夹），若打开的是上层嵌套文件夹会导致扩展无法识别项目类型。
• 第三步：手动写入调试配置
  若下拉列表仍无相关选项，可直接在项目根目录.vscode/launch.json文件中写入Expo适配的调试配置，配置内容如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Expo iOS",
      "type": "reactnative",
      "request": "launch",
      "platform": "ios",
      "program": "${workspaceRoot}/node_modules/expo/AppEntry.js",
      "sourceMaps": true,
      "outDir": "${workspaceRoot}/.vscode/.react"
    }
  ]
}

保存配置后重启VS Code，即可在调试面板直接选择该配置启动调试。

• 第四步：清理VS Code缓存
  缓存异常会导致扩展识别失效，关闭所有VS Code窗口后，在终端执行如下命令清理缓存：
  rm -rf ~/Library/Application Support/Code/CachedData/*
  执行完成后重新打开VS Code加载项目即可。
• 第五步：校验版本兼容性
  你当前使用的VS Code 1.61.2、React Native Tools 1.7.1均为2021年发布的版本，若项目使用的Expo SDK版本高于44，会出现版本不兼容导致的识别问题，可将Expo SDK降级至44及以下版本适配现有工具链。

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