ReactNative debug模式下 不能进行打断点？

Question

ReactNative debug模式下 不能进行打断点？

出现的问题是，我已经正常进入了debug模式，就像上面图片，然后对应的源码也能打开，但是就是无法进行打断点，如上面我框起来的一号位置，无法打上断点也没办法调试。。。

问题已经存留好几天了，自查了好多网站、资料，现在项目快敲完了，但是一直不能打断点调试，请问老师，怎么解决该问题？？

Answer 1

CrazyCodeBoy 2018-06-07 21:24:02

如果通过Chrome无法设置断点，可以通过debugger标识符在需要断点的地方打个debugger；然后在打开Chrome调试的是代码执行到带有debugger代码的地方就会暂停下来，另外，debugger在非debug模式下是不会暂停的；

参考：

render() {
    debugger;//debug模式下，代码执行到这里会暂停
    const Root = <SafeAreaViewPlus
        topColor={this.state.theme.themeColor}
        bottomInset={false}
    >

• 提问者 学术袁 #1

  您好，谢谢您的回答！
  可我想要解决目前出现的这个问题，为什么我不能进行调试呢？
  我简单描述下过程，我使用的是真机，系统是Android7.0，通过摇动手机打开菜单，然后进入'Dev Settings'在'Debug server host & port for device'中设置了我台式机电脑ip+8081端口，且处在公司网络环境中。然后通过'Debug JS Remotely'在chrome上打开了调试页面，显示地址是：'http://localhost:8081/debugger-ui'，而手机显示在进行'Please wait connect to remote debugger'过程，应用关闭了。只能再次进入app才能看到chrome上与手机的连接状态，而不是打开调试、成功连接然后可进入调试。
  
  然后，结果就是，我在'DebuggerWorker.js'下打开我的app页面所对应的js代码，不能打断点。
  请问，有解决的方案吗？我一直在网上寻求答案，但是目前还没有结果。

• 提问者 学术袁 #2

  非常感谢！

• Mr_Chansheng 回复 提问者 学术袁 #3

  同学你好，请问你这个问题解决了吗？我除了看到老师的第一个回答，但是还没解决你的问题。我现在也遇到这个问题，谢谢了。