最近碰到一個(gè)問題吮铭,vue項(xiàng)目偶發(fā)性的編譯失敗时迫,嚴(yán)重影響工作。錯(cuò)誤如圖:
錯(cuò)誤.png
查詢后了解到是Node中通過JavaScript使用內(nèi)存時(shí)只能使用部分內(nèi)存(64位系統(tǒng):1.4 GB谓晌,32位系統(tǒng):0.7 GB)掠拳,如果前端項(xiàng)目比較大,Webpack編譯時(shí)就會(huì)占用很多的系統(tǒng)資源纸肉,一旦超出了V8引擎對(duì)Node默認(rèn)的內(nèi)存限制大小時(shí)溺欧,就會(huì)產(chǎn)生內(nèi)存溢出的錯(cuò)誤。
處理方式是:在package.json中script下添加
"scripts": {
"fix-memory-limit": "cross-env LIMIT=2048 increase-memory-limit",
...
},
"devDependencies": {
"increase-memory-limit": "^1.0.7",
"cross-env": "^5.2.0",
...
}
接著執(zhí)行 npm install cross-env --save--dev
(目前這里只能使用npm)
以及 npm install increase-memory-limit --save--dev
如果安裝失敗則需要先刪除掉項(xiàng)目的node_modules包
配置并安裝成功后執(zhí)行npm run fix-memory-limit
這句柏肪,成功則會(huì)出現(xiàn)一下界面
執(zhí)行.png
經(jīng)測(cè)試不再出現(xiàn)溢出問題姐刁,在此作以記錄