Question

希望有人可以帮助我一点点。我正在尝试使用本机做一些移动开发，我是一个C＃网络/软件开发人员。我正在使用VSCode进行开发，并在Windows 10上安装了react native tools扩展。

我使用create-react-native-app创建了我的解决方案，Everything工作得很好，我使用AVD模拟器进行了大量的开发来查看应用程序。

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

class ClockInContainer extends React.Component{
 constructor(props){
  super(props);
  this.state={
   staff: "",
  }
 }
 handleSelectValueChange = (key) => (event, index, value) =>{
    this.setState({[key]: value});
 }
 handleCreate(e){
  e.preventDefault();
  const {staff} = this.state;
  this.props.dispatch({type:"SET_WORKING", id:staff});
 }

 render(){
  return(
  <form onSubmit={this.handleCreate}>
    <input type="text" value={this.state.staff} onChange={this.handleSelectValueChange("staff")}/>
    <input type="submit">
  </form>
 )
 }
}

似乎端口号无法正常工作，所以除此之外我还将以下内容添加到settings.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"
 }

文件夹结构是： - ＆gt; APP - ＆GT; .vscode - ＆GT; setting.json 和launch.json

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

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

我做错了什么因为这会让调试变得毫无用处？任何控制台都没有错误。

如果我有任何建议将非常感谢，如果我可以添加任何其他信息，请告诉我。

Answer 1

好了，所以距离反应本地人还差几个月，我决定再试一次。

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

React Native Tools VSCode调试问题

1 个答案: