调试反应热加载程序 webpack 样板

Debugging react-hot-loader webpack boilerplate

本文关键字：webpack 样板程序加载反应热调试更新时间：2023-09-26

我一直在尝试让 ReactJS 热加载器工作。

具体来说，即使是这个样板演示也不适合我：我运行npm start，我在浏览器中看到"hello world"文本，在浏览器控制台中看到"已启用 [WDS] 热模块替换"，但是当我在应用程序中编辑并保存"hello world"文本时.js更改不会自动呈现。

在此故障排除页面中，我属于以下类别：

我看到"已启用 [WDS] 热模块更换"，但在以下情况下没有任何反应我编辑应用程序.js

如果您运行的是节点 0.11.13，则可能需要尝试更新到 0.12. 有些人报告说这有助于解决这个问题。还要确保您的要求与文件具有相同的文件名大小写。拥有 App.js 和 doingrequire（'app'）可能会在某些方面绊倒观察者系统。

OS X还有一个很少发生的错误，导致某些文件夹得到在文件系统更改监控方面"损坏"。这里有一些建议的修复。

我在 OSX 上运行节点 5.6.0。我只是在尝试上面链接的存储库中的样板代码，因此文件名大小写与文件都相同。我已尝试重新启动计算机。

还有什么我可以尝试让 React 热加载工作的吗？谢谢！

尤里卡！经过数周的麻烦，我发现问题与我使用 Dropbox 桌面备份代码有关。也许Dropbox更改同步与Webpack轮询或类似的东西冲突。

希望这会让别人免于我所经历的挫折！