React开发服务器不断断开连接，每次断开连接时页面都会刷新

Question

服务器每隔4-5秒断开连接，这会导致页面刷新，尤其是在第一次渲染时，它会多次发生。

控制台显示此消息

The development server has disconnected.
Refresh the page if necessary.

这是我的webpackDevServer.config.js

 module.exports = function(proxy, allowedHost) {
 return {
 disableHostCheck: !proxy ||
  process.env.DANGEROUSLY_DISABLE_HOST_CHECK === 'true',
 compress: true,
 clientLogLevel: 'none',
 contentBase: paths.appPublic,
 watchContentBase: true,
 publicPath: config.output.publicPath,
 quiet: true,
 watchOptions: {
   ignored: /node_modules/,
 },
 https: protocol === 'https',
 host: host,
 overlay: false,
 historyApiFallback: {
   disableDotRule: true,
 },
 public: allowedHost,
 proxy,
 setup(app) {
   app.use(errorOverlayMiddleware());
   app.use(noopServiceWorkerMiddleware());
    },
   };
 }; 

我太烦恼了，要么我想完全停止实时重新加载，要么摆脱这个问题。

Answer 1

最近，在将react-scripts更新到最新版本3.3.0之后，我遇到了这个问题。我只是进入package.json，并将"react-scripts": "3.3.0"更新为"react-scripts" : "3.2.0"

之后：

npm install
npm start

我再也没有看到这个问题。