用于本机反应的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有效”，我将进入开发工具 - ＆gt;来源 - ＆gt;网络 - ＆gt; debuggerWorker.js .....我没有看到列出的文件夹/文件。见截图。

RN很难完成而无法调试！

Answer 1

此解决方案对我有用：

1. ctrl+m在您的模拟器上。
2. 点击Dev Settings。
3. 禁用User JS Delta
4. 重新启动react本机服务器。 （在终端中按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.按照this issue

中的说明关闭Use JS Deltas

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

在您的模拟器中
1. Cmd + m ，然后关闭＆＃34;使用JS Deltas＆＃34;。
2. 找到＆＃34; Metro Bundler＆＃34;的期刊窗口，按 Ctrl + c 终止它，然后按向上箭头重新运行命令＆＃34; Metro Bundler＆＃34;，例如/works/StackOverflow/node_modules/react-native/scripts/launchPackager.command ; exit;。 （这是重要的一步）。

现在返回Chrome，您可以找到debuggerWorker.js＆gt;下列出的源文件。 localhost:8081。

Answer 3

我遇到了同样的问题，通过检查元素内的设置并启用javascript来设法解决该问题