首页 > Vue >

vue2 build构建打包内存溢出JS stacktrace

时间: 作者:admin 浏览:

随着vue项目的页面越来越多,无论是本地dev/serve,还是生产环境的build,会遇到内存溢出(js stacktrace)的问题,网上找了很多资料,发现每个人的问题与处理方法都不一样,后面发现其实是因为大家所用的nodejs以及vue的使用方法不同,小编的电脑16G内存,区区一个vue项目根本不在话下,内存溢出其实是因为nodejs打包的默认内存设置太小导致,一般是只有1.4G左右,太小了,先说说小编的项目解决办法,我的项目是vue2.0,用vue-cli3.0脚手架搭建,所以package.json的配置的命令是这样的:

"scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build"
}
解决办法:
"scripts": {
    "dev": "node --max_old_space_size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js  serve",
    "build":  "node --max_old_space_size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js  build"
}

这样就将nodejs的打包内存上限设置为了4096M(4G);亲测有效!!!其他搭建方式改法也一样,都是前面改为node --max_old_space_size=4096

还有些版本是这样改的:

"scripts": {
    "dev": "node --max_old_space_size=4096 serve/serve.js",
    "build":  "node --max_old_space_size=4096 build/build.js"
}

这样改如果报错:“node —max_old_space_size=4096”不是内部或者外部命令,也不是可运行的程序 时
需要修改node_modules下的.bin目录中的所有.cmd文件,将里面”%_prog%”的双引号去掉,改成%_prog%

小编知道的改法就这两种了,一样的就赶紧试试啦;

前端新手交流群
欢迎加入web前端新手交流qq群:
734802480(已满)、 794324979

更多文章

栏目文章


Copyright © 2014-2022 seozhijia.net 版权所有-粤ICP备13087626号-4