react & webpack 热加载器。 “等待根加载...重新加载检查器”答案

【问题标题】：react & web pack hot loader. "waiting for roots to load...to reload the inspector"react & webpack 热加载器。 “等待根加载...重新加载检查器”
【发布时间】：2015-09-02 17:34:01
【问题描述】：

刚刚更新到 0.13.3 的响应，现在我在 Chrome 响应开发人员工具中收到以下消息："waiting for roots to load...to reload the inspector" 和一个显示“单击此处”的按钮。

如果我点击按钮，同样的事情。

仅供参考：我正在使用 WebPack 和 webpack-dev-server。

你见过吗？

【问题讨论】：

你可能想试试新版 React devtools 的 beta：github.com/facebook/react-devtools/releases，这是一个巨大的改进。
适用于 Reacts devtools 的 Chrome 扩展程序会定期更新，这应该不是问题

标签： reactjs webpack webpack-dev-server

【解决方案1】：

此错误通常与未正确加载到项目中的模块有关，但是当 react 语法不正确时会导致此错误。通常，它是 return 语句后缺少的分号（容易错过）。

我已经使用 reacts tutorial 确认了这一点，我自己写出来，看到这个错误，然后将我的注释掉并用包含 example.js 的脚本替换它

【讨论】：

是的，修复我的语法，然后重新安装对我有用的节点模块

【解决方案2】：

更新我的加载器有效：

模块：{ 装载机：[ { 测试：/.js$/，排除：/node_modules/，加载器：“babel-loader”} ] }

【讨论】：

loader 的配置在哪里？
如果你使用 webpack，它位于 webpack.config.js

【解决方案3】：

检查每个组件文件的导入和导出。我遇到了同样的错误，因为我忘记将组件导出到我的 index.js 文件中。

【讨论】：