运行vue项目时内存溢出问题

内存溢出问题"/>

运行vue项目时内存溢出问题

运行vue项目时内存溢出问题

• • 问题描述
  • 解决办法

问题描述

在运行公司项目时，出现了内存溢出的问题，在网上找了很多资源走了很多弯路，在此把解决办法整理一下方便以后再出现此问题能够更快的解决。
如果前端项目非常庞大，Webpack编译时会占用很多系统资源，若超出Node默认的内存大小限制，就会出现内存溢出问题，如下图所示。

解决办法

第一步

//全局安装
npm install -g increase-memory-limit
//进入项目运行
increase-memory-limit

这时候运行项目会报错

“node --max-old-space-size=10240” 不是内部或外部命令，也不是可运行的程序

此时不要慌在package.json文件中修改npm run serve为如下所示：

{"scripts": {"serve": "node --max_old_space_size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js serve --open",}}

如果此时还解决不了，需要修改node_modules下个别文件，可以用ide来进行全局搜索node_modules下的关键字：“%_prog%” 去掉双引号 改成 %_prog%
此时应该就解决了。

参考链接
链接: csdn.
链接: csdn.