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

前端之家收集整理的这篇文章主要介绍了react-native – 用于反应原生的Chrome调试工具:多个问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在此先感谢您的帮助;我宁愿成为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.

猜你在找的React相关文章