vue前端node内存溢出问题解决

前端项目运行时，如果经常运行慢，崩溃停止服务，报如下错误：

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory （JavaScript堆内存不足）

前台报错

原因：

因为在 Node 中，通过JavaScript使用内存时只能使用部分内存（64位系统：1.4 GB，32位系统：0.7 GB），这个时候，如果前端项目非常的庞大，Webpack编译时就会占用很多的系统资源，如果超出了V8引擎对Node默认的内存限制大小时，就会产生内存溢出的错误。

解决方案：

1，安装依赖

 npm install cross-env increase-memory-limit

2，在package.json 里的 script 里进行配置

LIMIT是你想分配的内存大小，这里的8192单位是M也就是8G，大小可根据情况而定。

  "scripts": {    

        "limit": "cross-env LIMIT=8192 increase-memory-limit" 

    }

3，执行一次 npm run limit ，然后重新启动项目。

但是这时候，重新启动会报错，如图：

'"node --max-old-space-size=8192"' 不是内部或外部命令，也不是可运行的程序或批处理文件。

报错提示

解决方法：

在项目的 node_modules/.bin 文件下找到所以的 *.cmd 文件，"%_prog%" 去掉 双引号 %_prog%

可在 node_modules 同级下，写一个fix-memory-limit.config.js文件进行批次处理。

// 运行项目前通过node执行此脚本 （此脚本与 node_modules 目录同级）

const fs = require('fs')

const path = require('path')

const wfPath = path.resolve(__dirname, './node_modules/.bin')

fs.readdir(wfPath, (err, files) => {

  if (err) {

    console.log(err)

  } else {

    if (files.length != 0) {

      files.forEach(item => {

        if (item.split('.')[1] === 'cmd') {

          replaceStr(`${wfPath}/${item}`, /"%_prog%"/, '%_prog%')

        }

      })

    }

  }

})

// 参数：[文件路径、 需要修改的字符串、修改后的字符串] (替换对应文件内字符串的公共函数)

function replaceStr(filePath, sourceRegx, targetSrt) {

  fs.readFile(filePath, (err, data) => {

    if (err) {

      console.log(err)

    } else {

      let str = data.toString()

      str = str.replace(sourceRegx, targetSrt)

      fs.writeFile(filePath, str, err => {

        console.log(err)

      })

    }

  })

}

然后修改 package.json里的 script里的语句

先处理内存溢出问题，然后再执行js，进行替换

&& 运算符，（相继执行，只有前一个执行成功才会执行下一个）

"scripts": {

        "limit": "cross-env LIMIT=8192 increase-memory-limit && node fix-memory-limit.config.js"

}

4，如上修改完之后，重启项目即可。