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

Question

我不知道我的两个问题是否相关，但我认为可能有机会所以这里。

我正在玩React（使用webpack / commonjs），我已经取得了基本的成功。 组件在页面上成功呈现。

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

任何想法都非常感谢！

编辑：可能值得一提的是我知道我的事件处理程序正在被加载（如果我作为处理程序传递对函数的引用，该函数会记录到控制台，例如，消息出现）。 事件本身并不是解雇/被引导到处理程序。

编辑2：另外值得注意的是（基于这个问题的常见解决方案），我也尝试将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");