reactjs - React Dev Tools 不加载组件和事件不触发

Question

我不知道我的两个问题是否相关，但我认为可能有可能，所以就开始吧。

我正在尝试使用 React(使用 webpack/commonjs)，并且取得了基本的成功。组件在页面上成功呈现。

不幸的是，没有任何事件在工作(甚至测试简单的点击处理程序)，而且我的 React 开发工具根本不加载我的层次结构，只显示 <Top Level></Top Level> .我已尝试使用 expose-loader(用于处理开发工具问题)但无济于事。

非常感谢任何想法!

编辑:可能值得一提的是，我知道我的事件处理程序正在加载(如果我作为处理程序传递对记录到控制台的函数的引用，例如，消息出现)。事件本身根本不会触发/被定向到处理程序。

编辑 2:同样值得注意(基于针对此问题的常见建议解决方案)，我还尝试将 React 暴露给开发工具的窗口，如果我去 React 主页之类的地方，我的 React 开发工具工作得很好。

Answer 1

我遇到了完全相同的问题。就我而言，我使用的是 browserify、bower 和 debowerify。我的 React 应用分布在多个模块中。在其中一个模块中，我导入了 react/react-with-addons，而在其他模块中，我只是导入了 vanilla react。一旦我将所有导入更新为使用 react/react-with-addons，问题就消失了。例如，我最初有这样的东西:

// module1.js
var React = require("react");

// module2.js
var React = require("react/react-with-addons");

当我将其更改为以下内容时，一切又开始工作了:

// module1.js
var React = require("react/react-with-addons");

// module2.js
var React = require("react/react-with-addons");