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编译报错内存溢出的资料请关注脚本之家其它相关文章！
相关文章
Vue无法访问.env.development定义的变量值问题及解决
这篇文章主要介绍了Vue无法访问.env.development定义的变量值问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
Vue3如何利用xlsx、xlsx-js-style导出Excel表格使用(适合新手)
在Vue项目中导出Excel表格是常见的功能,特别是在后台管理系统中,为了方便用户将大量数据保存为本地文件,这篇文章主要给大家介绍了关于Vue3如何利用xlsx、xlsx-js-style导出Excel表格使用的相关资料,需要的朋友可以参考下2024-06-06
这篇文章主要介绍了vue项目中自定义video视频控制条的实现代码，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04
Vue element el-table-column中对日期进行格式化方式(全局过滤器)
这篇文章主要介绍了Vue element el-table-column中对日期进行格式化方式(全局过滤器)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要介绍了vue项目运行npm install报错问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-08-08
这篇文章主要介绍了Vue table新增、编辑，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
这篇文章主要介绍了elementUi 中table表尾插入行的实例，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要为大家详细介绍了vue使用vant中的checkbox实现全选功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
Nuxt3封装useFetch请求并防止参数自动更新请求方式
这篇文章主要介绍了Nuxt3封装useFetch请求并防止参数自动更新请求方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2026-03-03
本篇文章主要介绍了VUE开发一个图片轮播的组件示例代码，对图片轮播效果感兴趣的小伙伴们可以参考一下。2017-03-03
最新评论