【问题标题】:Where is the react-devtool?反应开发工具在哪里?
【发布时间】:2016-03-20 18:08:54
【问题描述】:

如您所见,我将它安装在我的 Chrome 上。 但是我的开发工具上没有反应工具

【问题讨论】:

    标签: google-chrome google-chrome-extension reactjs


    【解决方案1】:

    目前,无法在 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”选项。

    【讨论】:

      【解决方案2】:

      只有当你的网页使用 react 时才启用,我现在正在使用它。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-02-07
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-05-14
        相关资源
        最近更新 更多