使用 create-react-app 时，为什么开发服务器一直断开连接？答案

【问题标题】：When using create-react-app why does the development server keep disconnecting?使用 create-react-app 时，为什么开发服务器一直断开连接？
【发布时间】：2018-09-20 04:51:35
【问题描述】：

它是任意发生的，例如每 3 或 4 次刷新一次，服务器只是在控制台中显示此消息而断开连接：

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

我查看了另一个SO posts 之一，我的问题似乎有所不同，因为那是关于 webpack 观察程序没有连接，首先，在我的情况下它可以工作但经常断开连接。我什至还没有弹出应用程序，所以不知道为什么会这样。

【问题讨论】：

不确定。但是如果你在这里发布你的 webpack.config 文件会更好。
@User3250 我无权访问它，因为我没有弹出 create-react-app。 CRA 会隐藏这些文件，因此除非您弹出，否则用户不会篡改它们。
发布一个指向您的仓库的链接，以便我们可以在本地试用
嘿，OP。你在设置中做任何非默认的事情吗？你的 appsettings.json 中有什么奇怪的地方吗？你从哪里运行它？只是命令行？ VS 代码？
对我来说很奇怪，每次单击表单上的按钮时都会收到此错误消息。我有一个与表单关联的handleClick(event) 方法。我刚刚在 event.preventDefault() 方法中添加了这一行，我不再收到该错误消息。

标签： reactjs webpack create-react-app

【解决方案1】：

当页面试图呈现大量数据时，我遇到了这个问题。对表格进行分页，一切正常。

【讨论】：

【解决方案2】：

如果您使用的是 Chrome，这可能与 here 中描述的 webpack-dev-server（create-react-app 在后台使用）问题有关。

由于 create-react-app 团队已经解决了这个问题，在此处检查react-scripts 的最新可用版本：changelog，在您的package.json 中调整react-scripts 版本以匹配它并在您的项目文件夹中运行npm install（或yarn install）以更新到最新版本.

【讨论】：