react-native – 用于反应原生的Chrome调试工具：多个问题

发布时间：2020-12-15 20:53:42 所属栏目：百科来源：网络整理

导读：在此先感谢您的帮助;我宁愿成为RN和Android的新手(我使用create-native init来创建项目). 问题1：当我第一次按住M并选择“远程调试JS”时,它会尝试[http://10.0.2.2:8081/debugger-ui]但无限期挂起. 问题2.当我最终放弃而不是手动访问[http://localhost:8081

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

问题1：当我第一次按住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很难,无法调试！
谢谢
詹姆斯M.

这是最新版本的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.关闭使用JS Deltas,如this issue中所述

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

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

现在回到Chrome,您可以找到debuggerWorker.js>下列出的源文件.本地主机：8081.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!