Reactjs React Hot Loader v4.0.0+；Webpack 4开发服务器未更新应用程序_Reactjs_Webpack_Webpack Hmr

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

reactjs webpack

Reactjs React Hot Loader v4.0.0+；Webpack 4开发服务器未更新应用程序,reactjs,webpack,webpack-hmr,Reactjs,Webpack,Webpack Hmr,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 update

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...

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

@faceyspacey.com在codementor上帮助我完成了这一点

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

面对类似症状的人可能也会发现这个问答很有用：