Vue编译报错内存溢出问题解决方式
npm run build报错
Vue项目，打包npm run build报错，内存溢出
有两种报错的表现
1、FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
2、Error [ERR_WORKER_OUT_OF_MEMORY]: Worker terminated due to reaching memory limit: JS heap out of memory
1、2两种均是JavaScript 堆内存耗尽，导致 Node.js 进程崩溃导致。
本质上这是一个node的问题。
解决方法
1、尝试增加堆内存限制，有全局级和项目级两种方式。
a、在全局增加堆内存限制
环境变量->系统变量中加上
变量名:NODE_OPTIONS
变量值:--max-old-space-size=8192
(不一定是8192这个值，可以自己修改)
b、项目级增加堆内存限制(推荐)
"build": "NODE_OPTIONS=--max-old-space-size=8192 vue-cli-service build --mode test"。 (不一定是8192这个值，可以自己修改)
如果是windows系统可以借助cross-env这个npm包
首先npm i cross-env -D
再修改package.json 中的scripts
"build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 vue-cli-service build --mode test"
2、使用压缩工具，如uglifyjs。目的是减小打包后代码体积。
以上就是Vue编译报错内存溢出问题解决方式的详细内容，更多关于Vue编译报错内存溢出的资料请关注脚本之家其它相关文章！
相关文章
今天想要给vite项目,添加全局的scss变量文件引用,这样我们在使用scss变量和函数的时候就不需要每个组件都取引用了,下面这篇文章主要给大家介绍了关于如何在vite初始化项目中安装scss以及scss使用的相关资料,需要的朋友可以参考下2022-10-10
RuoYi-Vue是一款基于SpringBoot+Vue的前后端分离极速后台开发框架, 本文主要介绍了idea部署RuoYi-Vue分离版的图文详解,具有一定的参考价值,感兴趣的可以了解一下2024-06-06
这篇文章主要介绍了如何手写简易的 Vue Router，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下2020-10-10
这篇文章主要为大家详细介绍了vue2.x集成百度UEditor富文本编辑器的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-09-09
这篇文章主要介绍了简单的vuex 的使用案例笔记,本文通过demo 是一个 改变 app 的模式 的一个appellation ，选择是 夜间模式还是白天模式，具体代码大家参考下本文2018-04-04
Element-ui el-tree新增和删除节点后如何刷新tree的实例
这篇文章主要介绍了Element-ui el-tree新增和删除节点后如何刷新tree的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
粘贴可用的element-ui validateField局部校验
这篇文章主要为大家介绍了粘贴可用element-ui中validateField局部校验示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
这篇文章主要介绍了element-ui 文件上传修改文件名的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
这篇文章主要为大家详细介绍了如何在 Vue 3 项目中集成 WangEditor 富文本编辑器,实现图文混排、自定义扩展等高阶功能,感兴趣的小伙伴可以了解下2025-03-03
这篇文章主要介绍了详解项目升级到vue-cli3的正确姿势，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-01-01
最新评论