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

Question

我有一个基于 ReactJS+NextJS 的交互式项目，用户可以在其中上传他们的图片并操纵面部并为其制作动画，但是当我们尝试这样做时，由于 HMR 页面会自动重新加载并且整个用户数据都丢失了。我非常努力地防止 HMR 无法阻止它！！！

Answer 1

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

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

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

我阻止了一半 css 文件并再次构建并将其部署在虚拟服务器上，然后我发现它没有显示 HMR 问题，我一次又一次地缩小 css 代码阻止，最后我发现一个 css 标签 "background color" 造成了这个烦人的问题，我删除了那个标签并采取了替代解决方案，它对我有用。