Javascript 如何将React-dev工具与React-native一起使用?
我目前正在使用react native开发一个android应用程序,并在genymotion中进行仿真。我尝试使用react developer工具调试我的应用程序,如前所述。JS错误会在控制台中抛出,但我无法在chrome开发工具中选择react选项卡 出现这种情况的原因似乎是html中未生成任何react组件,仅此而已:Javascript 如何将React-dev工具与React-native一起使用?,javascript,facebook,reactjs,react-native,Javascript,Facebook,Reactjs,React Native,我目前正在使用react native开发一个android应用程序,并在genymotion中进行仿真。我尝试使用react developer工具调试我的应用程序,如前所述。JS错误会在控制台中抛出,但我无法在chrome开发工具中选择react选项卡 出现这种情况的原因似乎是html中未生成任何react组件,仅此而已: <body> <div id="devtools-banner"> <h3>Install React DevTools&
<body>
<div id="devtools-banner">
<h3>Install React DevTools</h3>
<p>
React Developer Tools is an extension that allows you to inspect the
React component hierarchies in the Chrome Developer Tools.
</p>
<a href="https://fb.me/react-devtools" target="_blank">
Install
</a>
</div>
<div class="content">
<p>
React Native JS code runs inside this Chrome tab.
</p>
<p>Press <span class="shortcut">⌘⌥J</span> to open Developer Tools. Enable <a href="http://stackoverflow.com/a/17324511/232122" target="_blank">Pause On Caught Exceptions</a> for a better debugging experience.</p>
<p>Status: <span id="status">Debugger session #0 active.</span></p>
</div>
</body>
安装React DevTools
React Developer Tools是一个扩展,允许您检查
在Chrome开发者工具中反应组件层次结构。
React原生JS代码在此Chrome选项卡内运行。
压榨⌘⌥J打开开发工具。启用以获得更好的调试体验
状态:调试器会话#0处于活动状态
我对iOS也有同样的问题。如何将React-dev工具与React-native一起使用
注意:我目前使用的是React开发工具的v0.14.5。您只需安装即可。它们在我当前安装的react-native版本0.26中工作。对于react-native 0.43或更高版本,您应该使用独立的开发工具应用程序:我在将react-native(iOS和android)连接到最新版本(react-DevTools v4)时遇到问题。通过安装v3(将package.json中的依赖项更改为
“react devtools”:“^3”
,它起了作用。这还包括使用Chrome控制台使用$r
来“检查”组件
确保您没有全局react devtools v4。
npm rm-g react devtools@^4
,然后npm i-g react devtools@^3
。这样,您可以使用react devtools
启动独立应用程序。react开发工具在某个地方停止工作,我认为是0.12.0。这是一个已知的问题,它可能是解决的自react
版本起,ved很快成为直接导入0.25