React Hot Loader v4.0.0 + Webpack 4 开发服务器未更新应用程序答案

【问题标题】：React Hot Loader v4.0.0 + Webpack 4 dev Server Not Updating AppReact Hot Loader v4.0.0 + Webpack 4 开发服务器未更新应用程序
【发布时间】：2018-09-03 22:23:38
【问题描述】：

WebSocket 连接似乎已建立，但没有刷新任何模块。

Chrome 控制台输出：

client?ecf9:80 [WDS] App updated. Recompiling...
client?ecf9:223 [WDS] App hot update...
2client?ecf9:80 [WDS] App updated. Recompiling...
client?ecf9:223 [WDS] App hot update...
2client?ecf9:80 [WDS] App updated. Recompiling...
client?ecf9:223 [WDS] App hot update...
2client?ecf9:80 [WDS] App updated. Recompiling...
client?ecf9:223 [WDS] App hot update...
2client?ecf9:80 [WDS] App updated. Recompiling...
client?ecf9:223 [WDS] App hot update...

注意每次更改都会多次重新编译。

【问题讨论】：

标签： reactjs webpack webpack-hmr

【解决方案1】：

@faceyspacey.com 在 codementor 上帮我解决了这个问题。

由于根组件中的循环依赖关系，React Hot Loader 没有更新模块。要解决此类问题，@faceyspacey.com 建议暂时将热加载标记向下移动到组件树中较低的组件。

面临类似症状的人可能会发现此问答也很有用： Webpack-dev-server compiles files but does not refresh or make compiled javascript available to browser

【讨论】：