如何防止在NxtJS中重新加载热模块

时间:2020-05-05 21:06:56

标签: reactjs webpack next.js webpack-hmr

我有一个基于ReactJS + NextJS的交互式项目,用户可以上传其图片并处理面部和对其进行动画处理,但由于HMR页面会自动重新加载,因此我们尝试执行此操作时会丢失整个用户数据。我正在努力防止HMR无法阻止它!

1 个答案:

答案 0 :(得分:0)

这可能不是最佳解决方案,但对我有用。

问题:我将Web项目部署在由于重新加载HRM Strylesheets而在30秒内自动刷新的服务器上。

解决方案:我发现,当控制台显示HMR样式表时,它也显示css文件名,然后我在代码中选择该css文件进行调试。

我阻塞了一半的css文件并再次进行构建,然后将其部署到虚拟服务器上,然后我发现它没有显示HMR问题,我一次又一次地缩小css代码阻塞,最后我发现一个css标签“背景色”正在制作这个烦人的问题,我删除了该标签并采用了其他解决方案,它对我有用。