Next.js应用程序在生产中频繁重新加载

Question

我刚刚通过Nginx和pm2在生产中部署了我的第一个pm2应用程序。一切看起来都还好，但是在浏览器上的某个时间间隔之后，这个应用程序经常会重新加载。我看到webpack-hmr也在我的production服务器上运行。(我认为这在生产中是不必要的)

我使用的是自定义server.js，我使用next build然后NODE_ENV=production node server.js命令在生产中运行我的应用程序，并使用pm2重新启动服务器。

我在下面添加了我的开发工具的网络选项卡的屏幕截图，它显示了在production上运行的HMR。如果HMR是浏览器重新加载的可能原因，那么我应该如何在生产中禁用它？

此外，如果“频繁重新装载”没有发生，因为HMR，那么原因是什么呢？

​

​

你们在制作上也经历过同样的问题吗？如果是，请分享您的知识和经验。谢谢。

编辑：，我也在使用next-pwa，我的控制台上一直显示着一个警告-

GenerateSW已经被多次调用，可能是因为运行webpack的值班模式.在第一次调用之后生成的precache清单可能是不准确的！有关更多信息，请参见https://github.com/GoogleChrome/workbox/issues/1790。

Answer 1

终于找到了解决办法。在将pm2启动为pm2 start server --env production时，我必须告诉env模式。而且它在我的浏览器上运行得很好。

Answer 2

通过在开发中禁用pwa来修正它

const prod = process.env.NODE_ENV === 'production'

module.exports = withPWA({
            pwa: {
                dest: 'public',
                disable: prod ? false : true
                }
             })