React Hot Loader v4.0.0 + Webpack 4 开发服务器未更新应用程序
Posted
技术标签:
【中文标题】React Hot Loader v4.0.0 + Webpack 4 开发服务器未更新应用程序【英文标题】：React Hot Loader v4.0.0 + Webpack 4 dev Server Not Updating App 【发布时间】：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...
注意每次更改都会多次重新编译。
【问题讨论】：
【参考方案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
【讨论】：
以上是关于React Hot Loader v4.0.0 + Webpack 4 开发服务器未更新应用程序的主要内容，如果未能解决你的问题，请参考以下文章
react-hot-loader 和 webpack-dev-server 不会重新加载更改