node.js - fatal error : CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory in production

Question

从上周开始，在生产环境中，我经常遇到 fatal error :CALL_AND_RETRY_LAST 分配失败 - JavaScript 堆内存不足。

我尝试增加 HEAP 大小，但没有成功。由于它发生在生产中，所以无法继续使用它，它下降了一段时间。我在 Laravel 应用程序中使用 Vuejs 和 .less。

package.json 中的我的脚本如下所示:

"scripts": {
    "start": "npm run watch",
    "dev": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --watch-poll --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},

NPM 版本为 4.6.1NODE 版本是 8.16

我在开发中没有遇到此错误，但我在开发和生产中尝试了一些解决方案。

我尝试添加 npm 包

`npm install -g increase-memory-limit` 

然后

`increase-memory-limit` 

但是当我执行npm run dev或npm run watch时，模块没有编译。进程卡住了好久，什么也没发生。

我还尝试在生产中添加以下脚本:
“脚本”:{
"修复内存限制": "跨环境限制=2048 增加内存限制"
},
“开发依赖项”:{
"增加内存限制": "^1.0.3",
"跨环境": "^5.0.5"
}

但它也不起作用。包被破坏了，最后不得不删除代码。

The source is here

我还尝试在开发中使用以下脚本:

"dev": "cross-env NODE_OPTIONS=\"--max-old-space-size=4096\" NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"

我没有收到任何错误，但我不确定它是否可以在生产中工作。这是正确的方法吗？

或者类似的东西:

npm run dev NODE_OPTIONS="--max-old-space-size=4096"

在生产中不能再冒险了，已经有 2、3 次失败了。

有人可以建议更好的方法吗？我如何检查堆大小是否增加。

Answer 1

我也有同样的问题，我通过计算解决，必须有 <div>之后<template>在vue文件中