用于反应原生的Chrome调试工具:多个问题

Question

在此先感谢您的帮助; 我宁愿成为RN和Android的新手(我使用create-native init来创建项目).

问题1:当我第一次ctrl+ M,然后选择"调试JS远程"它试图[ http://10.0.2.2:8081/debugger-ui]但无限期挂起.

问题2.当我最终放弃并反而手动访问[ http:// localhost:8081/debugger-ui /]时,我无法将AVD从"白屏死机"中恢复.我试过"停止远程JS Bebugging","重新加载"等......但最终必须使用"react-native run-android"刷新

问题3:一旦我最终[ http:// localhost:8081/debugger-ui /]显示所需的"调试器会话#0活动",我将进入开发工具 - >源 - >网络 - > debuggerWorker. js .....我没有看到列出的文件夹/文件.见截图.

RN很难,无法调试!

Answer 1

这个解决方案对我有用:

1. ctrl+m 在你的模拟器上.
2. 点击Dev Settings.
3. 禁用 User JS Delta
4. 重启本机服务器.(在终端中按ctrl + c然后npm run android)

Answer 2

这是最新版本的react-native(0.54)的问题.

经过一番调查,我发现有两种方法可以解决这个问题.

选项1.降级反应版本,修改AwesomeProject的package.json,如下所示

"dependencies": {
  "react": "16.2.0",
  "react-native": "0.52.2"
},

然后运行以下命令:

cd AwesomeProject
rm -rf node_modules android
npm install # this will bring folder node_modules back, with react/react-native of previous version
react-native eject # this will bring folder android back
react-native run-android

选项2. Use JS Deltas如本期所述,关闭

但是作者没有提供完整的步骤,这使我找到了选项1.

1. Cmd+ m在你的模拟器中,关闭"使用JS Deltas".
2. 找到"Metro Bundler"的终止窗口,按Ctrl+ c键终止它,然后按向上箭头重新运行"Metro Bundler"命令,例如/works/StackOverflow/node_modules/react-native/scripts/launchPackager.command ; exit;.(这是重要的一步).

现在返回Chrome,您可以找到debuggerWorker.js>>下列出的源文件localhost:8081.