使用create-react-app时,为什么开发服务器会断开连接?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用create-react-app时,为什么开发服务器会断开连接?相关的知识,希望对你有一定的参考价值。

它会发生,例如每3次或4次刷新一次,服务器只是在控制台中与此消息相关联:

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

我看了一个其他的SO threads,我的问题似乎有所不同,因为这是关于webpack观察者没有连接开始,在我的情况下它工作但经常断开连接。我甚至没有弹出应用程序所以不确定为什么会这样。其他人有这个问题,并找到了解决方案?

答案

如果您使用的是Chrome,则可能会将webpack-dev-serverhere(创建反应应用在幕后使用)问题连接起来。

由于create-react-app团队已经解决了这个问题,请在这里查看最新版本的react-scriptschangelog,在你的react-scripts中碰撞package.json版本以匹配它并在你项目的文件夹中运行npm install(或yarn install)以更新到最新版本。

以上是关于使用create-react-app时,为什么开发服务器会断开连接?的主要内容,如果未能解决你的问题,请参考以下文章

为 create-react-app 开发禁用 CSP

使用 Express 服务器后端的 Create-React-App

使用 create-react-app 将 react-router-dom 添加到 react 应用程序时,为啥玩笑测试会中断

Create-React-App项目外使用它的eslint配置

使用 Flask 为使用 create-react-app 创建的前端提供服务

为 create-react-app 添加 React 测试库时出错(版本 16.12.0)