Question

我无法判断我的两个问题是否相关，但我认为可能存在这样的问题。

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

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

任何想法都非常感谢！

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

编辑2：另外值得注意的是（基于这个问题的常见建议解决方案），我也尝试将React暴露给开发工具的窗口，如果我去React主页的某个地方，我的反应开发工具工作得很好。

Answer 1

我有同样的问题。就我而言，我使用的是browserify，bower和debowerify。我的React应用程序分布在几个模块中。在其中一个模块中，我导入react/react-with-addons，而在其他模块中，我只是导入了香草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");

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

1 个答案: