本地一個項目是使用vue-cli2構建的，可以正常運行。
打算升級到vue-cli@3，遭遇了運行npm run dev無法運行，爆出JavaScript heap out of memory 的問題。
vue-cli2遇到此問題的解決辦法：
npm run dev和npm run build直接在前面加上--max_old_space_size=4096
vue-cli3遇到此問題的解決辦法：
scripts中添加一句指令
安裝兩個npm包 ：increase-memory-limit和cross-env
安裝完成后，先執(zhí)行一次npm run fix-memory-limit，然后yarn serve啟動即可
|
<pre style="overflow: auto; font-family: consolas, Menlo, "pingfang sc", "microsoft yahei", monospace; font-size: 13px; margin: 0px; padding: 1px 20px 1px 1px; color: rgb(102, 102, 102); background: rgb(247, 247, 247); line-height: 1.6; border: none; text-align: right;">1
2
3
4
5
6
7
8
9
10
</pre>
|
<pre style="overflow: auto; font-family: consolas, Menlo, "pingfang sc", "microsoft yahei", monospace; font-size: 13px; margin: 0px; padding: 1px; color: rgb(77, 77, 76); background: rgb(247, 247, 247); line-height: 1.6; border: none;">"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit",
},
"devDependencies": {
"increase-memory-limit": "^1.0.3",
"cross-env": "^5.0.5"
}
</pre>
|
vue-cli3 的解決辦法找了半天才找到，說一下修復原理。
它不能像vue-cli2直接在 npm run dev中間添加一個參數(shù)，我嘗試了幾種方法只有使用安裝模塊fix-memory-limit的方式生效，其原理是修改了node_modules中一個叫做.bin（通常就是第一個文件夾）的文件夾內所有文件權限。
方法一：在package.json中scripts原基礎上添加參數(shù)，以及嘗試使用npx。不行。
方法二： 在node_modules中的vue-cli-sevie源代碼中添加一句。 不行。
原文地址https://blog.csdn.net/win7583362/article/details/86305780
