---
url: /blog/yu9269ts/index.md
---
## 现象

之前打包 ( `npm run docs:build` ) 这个网站博客项目的时候，遇到了内存溢出的问题

![image-20240911153513507](./node内存溢出.assets/image-20240911153513507.png)

网上也有描述此类情况的，但是错误信息不同：

> 项目开发中，当项目过大的时候，`node`内存溢出而停止`build`项目，即是项目构建过程中频繁报内存溢出：`FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - process out of memory`。

## 解决方案

既然是内存溢出，就是内存不够用的问题，加内存就可以解决了。

使用 `increase-memory-limit` 插件，增加 node 服务器内存限制

1. 新增依赖包`npm install --save-dev increase-memory-limit`，或者在更新 package.json 后重新 `npm install` 全量更新依赖包
2. 执行`npm run fix-memory-limit`（只需执行一次即可）
   重启项目即可

```javascript
/* package.json 文件 */
"devDependencies": {
	"increase-memory-limit": "^1.0.6",
},
"scripts": {
	/* 添加 fix-memory-limit */
    "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit"
  }
```

修改我的文件：

```json
"scripts": {
  "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit",
  "docs:dev": "vuepress dev docs",
  "docs:build": "vuepress build docs"
 }
```

重新执行修改内存限制命令时又出现了问题：

![image-20240911154154911](./node内存溢出.assets/image-20240911154154911.png)

看报错，添加依赖`npm install -g cross-env`

然后运行，新问题又出现（ 出师不利啊 ）：

![image-20240911155735186](./node内存溢出.assets/image-20240911155735186.png)

找到这篇博客

![image-20240911162242669](./node内存溢出.assets/image-20240911162242669.png)

https://blog.csdn.net/qq\_40608283/article/details/110183017

然后评论区又找到一篇博客;https://blog.csdn.net/weixin\_46275928/article/details/109725616

最后还是选择了前者插件的方式然后改 prog 引用，太麻烦了