React - 无限循环 xhr sockjs-node

Question

我从未使用 react.js (Create-React-App) 托管过网站。

我把这个网站做成了网上但是我没有打开API。

我不知道为什么我会像这样自动循环 xhr socketjs-nodes：

即使我只使用 React.js 进入了 1 个项目并获得了物理 Memory 使用量几乎 600MB 这都是因为这个 xhr 吗？

这是我的 package.json：

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^1.2.12",
    "@fortawesome/free-brands-svg-icons": "^5.6.3",
    "@fortawesome/free-solid-svg-icons": "^5.6.3",
    "@fortawesome/react-fontawesome": "^0.1.3",
    "@material-ui/core": "^3.7.1",
    "@material-ui/icons": "^3.0.1",
    "axios": "^0.18.0",
    "forever": "^0.15.3",
    "history": "^4.7.2",
    "js-cookie": "^2.2.0",
    "jsonwebtoken": "^8.4.0",
    "jwt-decode": "^2.2.0",
    "moment": "^2.23.0",
    "prop-types": "^15.6.2",
    "querystring": "^0.2.0",
    "react": "^16.7.0",
    "react-addons-update": "^15.6.2",
    "react-cookie": "^3.0.8",
    "react-dom": "^16.7.0",
    "react-image-gallery": "^0.8.12",
    "react-images": "^0.5.19",
    "react-redux": "^6.0.0",
    "react-router-dom": "^4.3.1",
    "react-scripts": "2.1.2",
    "react-select": "^2.3.0",
    "react-slick": "^0.23.2",
    "redux": "^4.0.1",
    "redux-devtools-extension": "^2.13.7",
    "redux-thunk": "^2.3.0",
    "slick-carousel": "^1.8.1",
    "typeface-roboto": "0.0.54"
  },
  "scripts": {
    "start": "PORT=40000 react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}

Answer 1

这很可能是webpack-dev-server的请求（也许启用了hot module replacement功能，不确定，也许还有其他事情）。 如果我没记错的话（很抱歉，没有使用太多），Create-React-App在开发模式下会在后台使用它。 因此，我相信这很好，但是不确定那600MB的内存使用量是否与此有关。

我的个人旁注：我总是发现像Create-React-Apps这样的引导工具对初学者来说是一件坏事，因为很难理解幕后发生的事情。 我的建议-深入研究如何在幕后使用create-react-app更好地了解堆栈，或者只是从头开始创建您的react应用程序，这一点都不难，而且IMO更好。 您可能只需要node + webpack + react

Answer 2

我遇到了类似的问题，在我的情况下，错误出在我的代码中，其中两个资源之间存在循环，其中一个资源“B”是从资源“A”请求的，而在“B”中它请求的是“A”获取其中的一个元素。

https://stackoverflow.com/a/68202789/2493852

Answer 3

就在今天，我们在生产 React.js 应用程序中遇到了类似的问题。 在访问生产 React 应用程序时，即使部署了生产构建，我们仍然会看到这些错误。

后来我们才知道，一些开发工件在构建过程中滑入了构建工件。 发生这种情况是因为该应用程序正在为生产而构建，而开发服务器正在运行。 在构建应用程序时，它还考虑了webpack-dev-server生成的临时开发工件，并将其包含在生产包中。

为了确保这种情况不会再次发生，我们确保不要在开发服务器/s 为同一应用程序运行时生产构建 React 应用程序。