React Native Tools VSCode 调试问题答案

【问题标题】：React Native Tools VSCode Debugging IssueReact Native Tools VSCode 调试问题
【发布时间】：2018-02-18 08:00:06
【问题描述】：

希望有人能帮帮我。我正在尝试使用 react native 进行一些移动开发，我是一名 C# 网络/软件开发人员。我正在使用 VSCode 进行开发，并在 Windows 10 上安装了 react native tools 扩展。

我使用 create-react-native-app 创建了我的解决方案，一切运行良好，并且我使用 AVD 模拟器进行了大量开发以查看应用程序。

所以首先要让调试器显示在 VSCode 中，我在 launch.json 中添加了以下内容：

{
        "name": "Attach to packager",
        "program": "${workspaceRoot}/.vscode/launchReactNative.js",
        "type": "reactnative",
        "request": "attach",
        "port": 19001, // change this with your port
        "sourceMaps": true,
        "outDir": "${workspaceRoot}/.vscode/.react"
 }

似乎端口号无法正常工作，因此除此之外，我在 settings.json 中添加了以下内容：

{
  "react-native" : {
    "packager": {
        "port":19001
    }
  }
}

文件夹结构是：-> 应用程序 ->.vscode ->设置.json 和launch.json

现在这样做似乎可以解决问题。我所要做的就是使用 ctrl + M 启用远程 js 调试，因为我可以调试我的应用程序。

我在 VSCode 中进行任何更改并保存它的那一刻，它会在我的模拟器上显示更改，但它不再命中我的任何断点。我需要使用 VSCode 中的菜单重新加载调试器，这需要我重新添加断点，从而无法调试未在单击按钮时设置的方法。

我是不是做错了什么，导致调试变得毫无用处？任何控制台都没有错误。

请，任何建议将不胜感激，如果我可以添加任何其他信息，请告诉我。

【问题讨论】：

stackoverflow.com/a/49992968/1918966

标签： react-native visual-studio-code react-native-tools

【解决方案1】：

好吧，距离 react native 还差几个月，我决定再试一次。

运行 node.js v8.12.0 和 VS Code。似乎使用 Chrome js 调试更容易。不是我真正想要的，但它击败了我以前的工作。

【讨论】：