0

我一直在尝试获取 webpack 热加载器的工作版本来进行实时编辑以开发应用程序。在遵循教程并且无法进行实时编辑之后，我决定从头开始。

我克隆了一个React Hot Loader 样板的干净存储库，并尝试使用 Dan Abramov 的create-react-app。我能够构建这两个应用程序。我在控制台中收到一条日志，上面写着[WDS] Hot Module Replacement enabled但编辑任何文件都不会触发页面重新加载或终端中的任何内容。在此故障排除页面中，我属于以下类别：

我看到“[WDS] Hot Module Replacement enabled”但是当我编辑 App.js 时没有任何反应

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

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

我查看了故障排除指南的这一部分，但似乎没有任何效果。

我在 Ubuntu 16.04 中运行 npm v2.15.1 和 node v4.2.6。

4

1 回答 1

0

问题出在 Ubuntu 上的观察者身上。在 Ubuntu 上，我尝试检查dmsesg日志，它告诉我 inotify 资源已用尽，无法使用。

$ tail -f /var/log/dmesg 
(Nothing has been logged yet.)
tail: inotify resources exhausted
tail: inotify cannot be used, reverting to polling

从react-hot-loader 的故障排除页面：

Ubuntu 用户（可能还有其他用户）echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p：.

然后热加载程序按预期工作。

于 2016-08-01T14:07:38.287 回答