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

一个面向百度编程的程序猿

已于 2022-04-07 09:33:03 修改

阅读量866

点赞数 1

文章标签： javascript npm 前端

于 2021-08-27 11:01:31 首次发布

本文链接：https://blog.csdn.net/weixin_44501030/article/details/119948041

版权

在运行公司项目时，出现了内存溢出的问题，在网上找了很多资源走了很多弯路，在此把解决办法整理一下方便以后再出现此问题能够更快的解决。
如果前端项目非常庞大，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.

关注