编译构建 CODEARTS BUILD-执行Npm构建时，报错提示JavaScript heap out of memory:处理方法

时间：2024-10-18 16:12:50

处理方法

方法一：升级nodejs版本。

方法二：启动Node时设置“--max_old_space_size”或“--max_new_space_size”参数来调整内存大小的使用限制。

node --max_old_space_size=1700 test.js // 单位为MB 修改老生代内存限制
node --max_new_space_size=1024 test.js // 单位为KB 修改新生代内存限制

针对前端三大框架的解决方法如下：

框架类型	解决方法
Vue	只需要修改“package.json”文件中“build”属性值，在命令中加入带参数的node命令即可，例如： "build": "node --max_old_space_size=4096 ./node_modules/vite/bin/vite.js build" 或 "build": "node --max_old_space_size=4096 ./node_modules/@vue/cli-service/bin/vue-cli-service.js build"
React	举例说明“package.json”里面“scripts”字段的内容如下： "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" } 运行npm run build的时候跑的实际代码是react-scripts build，项目根目录下“node_modules”文件夹，找到.bin目录并打开它找到“react-scripts”文件，打开这个文件，把--max_old_space_size=4096这行代码写在#!/usr/bin/env node后面： #!/usr/bin/env node --max_old_space_size=4096
Angular	举例说明“package.json”里面“scripts”字段的内容如下： "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" } 这里的ng命令也和React一样，在项目根目录“node_modules”文件夹下的.bin目录里面存在名为ng的文件，修改该文件的首行： #!/usr/bin/env node --max_old_space_size=4096

框架类型

解决方法

Vue

只需要修改“package.json”文件中“build”属性值，在命令中加入带参数的node命令即可，例如：

"build": "node --max_old_space_size=4096  ./node_modules/vite/bin/vite.js build"

或

"build": "node --max_old_space_size=4096 ./node_modules/@vue/cli-service/bin/vue-cli-service.js build"

React

举例说明“package.json”里面“scripts”字段的内容如下：

"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
}

运行npm run build的时候跑的实际代码是react-scripts build，项目根目录下“node_modules”文件夹，找到.bin目录并打开它找到“react-scripts”文件，打开这个文件，把--max_old_space_size=4096这行代码写在#!/usr/bin/env node后面：

#!/usr/bin/env node --max_old_space_size=4096

Angular

举例说明“package.json”里面“scripts”字段的内容如下：

"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
}

这里的ng命令也和React一样，在项目根目录“node_modules”文件夹下的.bin目录里面存在名为ng的文件，修改该文件的首行：

#!/usr/bin/env  node --max_old_space_size=4096

上一篇：编译构建 CODEARTS BUILD-执行Npm构建时，报错提示Module not found: Error: Can't resolve ...:原因分析

下一篇：编译构建 CODEARTS BUILD-执行Msbuild构建时，编译过程出现的file path too long问题:处理方法

华为云11.11 2核1G 2M 云服务器

29元/年

立即注册领万元上云礼券

抽奖赢11111元免单

续费同价 L实例 2核2G 4M

98元/年

热门域名 1元随心购

1元/年

编译构建 CODEARTS BUILD-执行Npm构建时，报错提示JavaScript heap out of memory:处理方法

意见反馈

0/200

提交取消

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

编译构建 CODEARTS BUILD-执行Npm构建时，报错提示JavaScript heap out of memory:处理方法

编译构建 CODEARTS BUILD-执行Npm构建时，报错提示JavaScript heap out of memory:处理方法

处理方法

7*24

备案

专业服务

退订

建议反馈

售前咨询热线