对于等待补丁的react脚本的人们：

对于通过 https 进行本地测试，您可以手动编辑

node_modules/react-dev-utils/webpackHotDevClient.js

这是您需要在该文件的第 62 行的代码：

protocol: window.location.protocol === 'https:' ? 'wss' : 'ws',

对于部署，请按照以下步骤操作：

npm install -g serve // This can be done locally too

npm run build

然后在你的 package.json 中添加一个部署脚本来使用服务：

"scripts": {
    "deploy": "serve -s build",
}

接着

npm deploy or yarn deploy

希望这个答案可以帮助您摆脱错误。

有关更多信息，请参阅此处`

此错误已在最新版本的发行版中修复。 点击这里查看源文件

这里的很多答案确实解决了这个问题，但自从我问这个问题以来，我找到的最简单的方法是将 npm package serve添加到您的依赖项中。

yarn add serve 或者 npm i serve

然后用以下内容替换您的启动脚本：

"scripts": {
    "start": "serve -s build",
}

这实际上直接出自 create-react-app文档

这是一个更简单的解决方案。将你的降级react-scripts到3.2.0你的package.json（我的在3.3.0）。

您可能需要删除您的package-lock.json和node_modules( rm -rf package-lock.json node_modules)，然后执行npm i. 提交新的package.json和package-lock.json回购的。

我已经有一段时间没有使用 react 了，但是react-scripts如果我没记错的话，它是建立在 webpack 之上的，所以它很可能使用 webpack-dev-server 来加速开发。它使用 websockets 来与客户端通信以在发现磁盘更改时触发热重载。

您可能只是在开发模式下启动应用程序，因此如果您要将它部署到生产环境，您应该运行npm run build它会创建一组可以与您最喜欢的网络服务器一起使用的 javascript 文件。

• 在文件夹和node.js app后面创建
• 在您的应用程序的根目录中创建快速路由器
• 制作一个 server.js 文件

将此代码添加到 server.js

const express = require('express')
const path = require('path')
const app = express()

if (process.env.NODE_ENV === 'production') {
  // Serve any static files
  app.use(express.static(path.join(__dirname, 'client/build')))
  // Handle React routing, return all requests to React app
  app.get('*', (request, response) => {
    response.sendFile(path.join(__dirname, 'client/build', 'index.html'))
  })
}
const port = process.env.PORT || 8080
app.listen(port, () => {
  console.log(`API listening on port ${port}...`)
})

进入到pakage.json

,
  "scripts": {
    "start": "node server.js",
    "heroku-postbuild": "cd client && yarn && yarn run build"
  }

并将路由代理添加到 /folder-name-react-app/pakage.json

  "proxy": "http://localhost:8080"