为什么我在启动我的 React 应用程序时收到错误“[Error: std::bad_alloc]”？答案

【问题标题】：Why do I get the error "[Error: std::bad_alloc]" when starting my React application?为什么我在启动我的 React 应用程序时收到错误“[Error: std::bad_alloc]”？
【发布时间】：2021-02-11 06:16:07
【问题描述】：

我为一个小型 React webapp 项目创建了一个全新的 Vagrant + VirtualBox debian/buster64 虚拟机（2GB，2 核）。

使用yarn 配置和安装依赖项工作正常，但是当通过yarn start:client（parcel index.html --port 3000 的脚本简写）启动应用程序的客户端时，我收到以下错误：

[Error: std::bad_alloc]

创建新的 VM 并调整内存和内核使用率并没有解决问题。 VirtualBox 没有显示任何问题，并且盒子内的内存使用率非常低。在尝试启动应用程序期间通过free -c 10 观察内存波动会显示内存已分配，然后在引发错误时突然下降。

未提供其他错误详细信息。

包.json：

{
  "name": "",
  "version": "0.1.0",
  "description": "",
  "scripts": {
    "start": "node server/server.js",
    "start:client": "parcel index.html --port 3000",
    "start:server": "nodemon ./server/server --watch server/ --port 3001",
    "build": "parcel build index.html"
  },
  "license": "MIT",
  "engine": "14.15.3",
  "dependencies": {
    "axios": "^0.21.1",
    "axios-retry": "^3.1.9",
    "cache-all": "^2.1.1",
    "cors": "^2.8.5",
    "dayjs": "^1.10.1",
    "dotenv": "^8.2.0",
    "express": "^4.17.1",
    "gps-distance": "^0.0.4",
    "less": "^4.1.1",
    "lodash": "^4.17.20",
    "milligram": "^1.4.1",
    "nodemon": "^2.0.6",
    "ramda": "^0.27.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-ga": "^3.3.0",
    "react-modal": "^3.12.1",
    "react-spinners": "^0.10.4",
    "rsuite-table": "^3.14.2"
  },
  "devDependencies": {
    "@parcel/transformer-css": "^2.0.0-alpha.3",
    "@parcel/transformer-postcss": "^2.0.0-alpha.3",
    "babel-preset-nano-react-app": "^0.1.0",
    "parcel": "next",
    "sass": "^1.32.4"
  },
  "babel": {
    "presets": [
      "nano-react-app"
    ],
    "plugins": [
      [
        "@babel/plugin-proposal-class-properties",
        {
          "loose": true
        }
      ],
      [
        "@babel/plugin-transform-react-jsx",
        {
          "pragmaFrag": "React.Fragment"
        }
      ]
    ]
  }
}

【问题讨论】：

标签： reactjs parceljs

【解决方案1】：

经过相当多的反复试验，我将问题追溯到 Parcel 包的缓存。

首先，我尝试自行启动应用程序的服务器 (API) 部分 (yarn start:server)，它启动时没有问题。

其次，我尝试在不指定端口号 (node_modules/parcel/lib/bin.js index.html) 的情况下启动应用程序的客户端。该应用程序启动正确且没有问题。

第三，我再次正常启动客户端（yarn start:client），又出现bad_alloc错误。

第四，我使用--no-cache 标志启动客户端。没有错误。

最后（TL;DR），我删除了缓存目录（rm -fr .parcel-cache），然后正常重启客户端。该应用程序构建正确且没有错误。

到目前为止，我已经多次重新启动客户端而没有问题。目前还不清楚 Parcel 的缓存是什么导致了这个问题。希望这可以为某人节省翻桌的机会。

【讨论】：