如何让React Developer Tool与Genymotion一起使用

时间:2017-07-14 01:23:03

标签: android react-native windows-7-x64 genymotion react-devtools

可以找到here或React Native官方site的说明。我期待在官方网站上看到这样的东西: enter image description here

现实是:

我运行命令将devtool本地安装到我的项目中:
npm install --save-dev react-devtools

在package.json中添加一行到“scripts”节点:
"react-devtools": "react-devtools"

所以,它看起来像: enter image description here

然后我启动了Genymotion模拟器,并有一个运行react-native start的cmd窗口,另一个运行npm run react-devtools的cmd窗口,它将打开独立工具:

enter image description here

我有第三个运行react-native run-android的cmd窗口。这将打开Chrome中的调试选项卡。但是,开发人员工具中没有任何结果  我在Chrome的开发工具中找不到$ r: enter image description here

我认为这可能是因为模拟器与包装程序服务器localhost:8081对话。但是,如果我将该设置更改为:192.168.1.2:8097,如开发人员工具中所述:

enter image description here

我甚至无法在模拟器中运行应用程序,它总是停止,如屏幕截图所示:

enter image description here

有没有人设法在Windows上运行它?感谢任何帮助。谢谢。

0 个答案:

没有答案