vscode运行打包vue项目内存溢出的报错和解决办法

vscode运行打包vue项目内存溢出的报错和解决办法

最近在再弄一个旧项目的时候发现这个项目异常的大，内容涉及很多，导致我在运行的时候发生了内存的溢出，虽然不影响代码跑起来，但是他时不时保存的时候就断了就很烦，没办法，就去找各种办法来解决，下面就是碰到的问题和一些别人的解决办法

最终的解决办法 ----------------------2022-03-29

最后发现是因为node的版本太高，如果要解决只能把node版本给重新安装一次

真的是无语了，希望大家引以为戒！！！！！！！！！！！！！！！！

node下载网站： https://nodejs.org/zh-cn/

可以参考这个安装教程：https://blog.csdn.net/lu6545311/article/details/123825809

-----------------------------------

这是问题，项目运行的时候，点击保存后内存溢出，项目太大了

95% emitting
<--- Last few GCs --->

[21992:03DAAAD8]   186031 ms: Scavenge 728.6 (755.0) -> 728.5 (755.0) MB, 1.0 / 0.0 ms  (average mu = 0.997, current mu = 0.969) allocation failure
[21992:03DAAAD8]   186096 ms: Mark-sweep (reduce) 728.5 (755.0) -> 697.5 (744.6) MB, 64.4 / 0.0 ms  (average mu = 0.995, current mu = 0.990) last resort GC in old space requested
[21992:03DAAAD8]   186190 ms: Mark-sweep (reduce) 697.5 (732.6) -> 697.2 (716.8) MB, 93.9 / 0.0 ms  (average mu = 0.986, current mu = 0.000) last resort GC in old space requested


<--- JS stacktrace --->

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
npm ERR! code ELIFECYCLE
npm ERR! errno 134
npm ERR! dust-noise-frontend@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 134
npm ERR!
npm ERR! Failed at the dust-noise-frontend@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\DELL\AppData\Roaming\npm-cache\_logs\2021-10-14T07_29_53_146Z-debug.log

解决办法

1、启动时加大内存，
vue-cli2：

npm run dev 和 npm run build 直接在前面加上–max_old_space_size=4096

 "scripts": {
      "start": "npm run dev",
    "dev": "node --max_old_space_size=4096 build/dev-server.js",
    "build": "node --max_old_space_size=4096 build/build.js",
  },

vue-cli3：
scripts中添加一句指令
安装两个npm包 ： increase-memory-limit 和cross-env
安装完成后，先执行一次 npm run fix-memory-limit，然后npm run serve启动即可

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit",
  },

2、然后就是还有一个办法就是 安装increase-memory-limit 和 cross-env

全局安装increase-memory-limit
npm install -g increase-memory-limit
npm install -g cross-env
进入工程目录，执行：
npm run fix-memory-limit 

删除以下的内容
node_modules@vue中的vue.cli.service.js
手动删除：--max-old-space-size=6144

就是以上的两个方法了希望对大家有用

能够实现的

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node --max_old_space_size=4096 build/build.js"
  },