如何在Visual Studio Code中调试react-native

Question

我正在尝试了解和调试移动应用程序的现有React-native代码。我使用Visual Studio作为编辑器。我正在用移动设备构建应用程序，而不是使用模拟器来构建应用程序。我正在使用console.log（）语句记录值/响应。在构建应用程序之后/期间，在终端上看不到任何日志。如何在VS代码中为react-native应用程序打印控制台语句？

谢谢。

Answer 1

您可能正在寻找this

iOS和android的设置不同，但这将允许您通过USB连接到chrome开发工具，并在浏览器控制台中查看console.log语句。

在iOS上：

  

查找并编辑RCTWebSocketExecutor.m，将“ localhost”的值更改为您的计算机IP地址

和android：

  

运行adb reverse tcp:8081 tcp:8081

然后，您可以打开应用程序的开发菜单（通过摇动手机），然后选择“远程调试JS”

或者，您可以使用console.warn代替console.log，因为console.warn会触发一个YellowBox错误，该错误在调试模式下在手机上运行应用程序时将可见。

Answer 2

1. 使用“ react-native run-ios --device”在移动设备上运行应用程序
2. 摇动设备，这将打开一个操作表菜单，如：-
3. 单击“远程调试JS”，这将在浏览器中打开URL：：8081 / debugger-ui/。
4. 右键单击该页面，然后选择检查菜单。
5. 现在选择控制台选项卡，此处的日志将显示为