【发布时间】:2016-03-20 18:08:54
【问题描述】:
【问题讨论】:
标签: google-chrome google-chrome-extension reactjs
【问题讨论】:
标签: google-chrome google-chrome-extension reactjs
目前,无法在 Chrome 中使用 React 开发工具。请看这个官方链接:
http://facebook.github.io/react-native/docs/known-issues.html#content
目前无法使用开发工具中的“React”选项卡来检查应用小部件。这是由于在 devtools 插件中评估应用程序脚本的方式发生了变化;它们现在在 Web Worker 中运行,插件不知道这一点,因此无法与 React Native 正常通信。
但是,您仍然可以使用开发工具的控制台功能,并且使用断点调试 JavaScript 也可以。要使用控制台,请确保在 devtools 下拉列表中选择 ⚙debuggerWorker.js 条目,该条目默认设置为 。
github 上还有一个未解决的问题。也请看看这个:
https://github.com/facebook/react-devtools/issues/229
React Native 现在在 Chrome 上的 Web Worker 中运行,因此它获得了更纯粹和隔离的 JS 环境,更接近于设备上的 JSC 模仿,但这破坏了 React 开发工具。 @skevy 指出了这一点,我还没有看到任务打开。修复可能需要在 RN 方面进行,但我认为考虑开发工具的人更有可能想到解决方案。
Repro:使用 RN master 运行应用程序,在 Chrome 调试器中运行它,尝试使用 React devtools,但 Web Inspector 中没有显示“React”选项。
【讨论】: