为什么我不能让React Native调试在VSCode中工作？

Question

我看了很多教程，它们看起来很简单，但是我无法调试工作（运行Expo，还没有准备好弹出，这是另一种疯狂的水平）。

我尝试使用create-react-native-app和expo-init创建一个似乎是同一回事的应用程序。我从yarn start开始运行该应用程序，并且可以在Expo中看到该应用程序。我在VSCode中选择“附加到打包程序”，但每次都会失败。

我已将"react-native.packager.port": 19005添加到我的settings.json中，但似乎找不到正确的端口。我的Metro屏幕在很多地方有很多不同的端口：

• 我跑过yarn start的码头说

Expo DevTools is running at http://localhost:19003
Opening DevTools in the browser... (press shift-d to disable)
Starting Metro Bundler on port 19005.
Successfully ran `adb reverse`. Localhost URLs should work on the connected Android device.
Tunnel ready.

  exp://192.168.1.5:19004

• Chrome浏览器窗口位于localhost:19003
• Metro Bundler终端的第一行显示Starting Metro Bundler on port 19005.
• 稍后在终端上显示Opening exp://127.0.0.1:19004 in iOS simulator
• 在边栏中显示exp://192.168.1.5:19004，这反映在iOS模拟器的“开发设置”屏幕中。

我尝试将"react-native.packager.port": 19005中的端口更改为19000和19005之间的每个数字，但它们都失败了。他们都说：

Could not debug. Cannot attach to packager. 
Are you sure there is a packager and it is running in the port 19003? 
If your packager is configured to run in another port make sure to add that to the settings.json. (error code 504)

，当然还有当前设置的端口。

向我求救！

Answer 1

react-native.packager.port应该更改为运行浏览器的开发人员工具的端口。停止并重新启动npm服务器再次对我有用。