前端出现 call_and_retry_last allocation failed - javascript heap out of memory

前端出现 call_and_retry_last allocation failed - javascript heap out of memory

今天准备发布部署前端项目发现 这个问题，其实这个问题之前在有一个项目的运行中也发现了，忘了记录，结果现在又遇到了，因此记录一下。

原因： 个人感觉是内存不足的问题。我的项目 1.46G
JavaScript 内存不足，指的就是Node,Node 基于V8引擎， Node 中通过script使用的内存只是很小的一部分(64位系统下约为1.4 GB，32位系统下约为0.7 GB)，当我们的开发中包比较大时，就容易形成内存不足

解决方案：

1. 将内存设置大一点

  setx NODE_OPTIONS --max_old_space_size=4096

2. 将package.json的 scripts 中增加 node --max_old_space_size=4096
   注意：如果构建的指令 npm run build ，则在 npm run build 最后加上 --max_old_space_size=4096

--max_old_space_size=4096

如果上述方法不可行，则可以试一下 在最后添加 &&node --max_old_space_size=4096
示例：

  "build": "cross-env NODE_ENV=production vue-cli-service build && node --max_old_space_size=4096",

其他构建指令，直接在后面添加 例如：

  "build:staging": "cross-env NODE_ENV=production vue-cli-service build --mode staging --max_old_space_size=4096",

3. 在package.json 文件中的 scripts 中 添加 “fix-memory-limit”: “cross-env LIMIT=4096 increase-memory-limit”。存在scripts则直接添加即可，不需要新增

"scripts": {
    "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit"
    }

5. 执行

 npm run fix-memory-limit

6. 此时如果还是不能运行或者构建。整个项目替换 “%_prog%” 改为 %_prog%

注意： 替换的前面是有双引号，后面的是没有双引号的