1

希望有人可以帮助我一点。我正在尝试使用 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
    }
  }
}

文件夹结构为：-> APP ->.vscode ->setting.json 和launch.json

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

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

我做错了什么，因为这使得调试几乎没用吗？任何控制台都没有错误。

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

4

1 回答 1

0

好的，离反应原生还有几个月，我决定再试一次。

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

于 2018-10-28T09:58:38.910 回答