Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/bash/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将React-dev工具与React-native一起使用?_Javascript_Facebook_Reactjs_React Native - Fatal编程技术网

Javascript 如何将React-dev工具与React-native一起使用?

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&

我目前正在使用react native开发一个android应用程序,并在genymotion中进行仿真。我尝试使用react developer工具调试我的应用程序,如前所述。JS错误会在控制台中抛出,但我无法在chrome开发工具中选择react选项卡

出现这种情况的原因似乎是html中未生成任何react组件,仅此而已:

<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