解決vue-cli項目開發(fā)運行時內存暴漲卡死電腦問題

更新時間：2019年10月29日 11:46:41 作者：Ribal

最近開發(fā)一個vue項目時遇到電腦卡死問題，突然間系統(tǒng)就非常卡，然后卡著卡著就死機了，鼠標也動不了了，只能冷啟動。這篇文章主要介紹了vue-cli項目開發(fā)運行時內存暴漲卡死電腦問題,需要的朋友可以參考下

最近開發(fā)一個vue項目時遇到電腦卡死問題，突然間系統(tǒng)就非?？ǎ缓罂ㄖㄖ退罊C了，鼠標也動不了了，只能冷啟動。而且因為是突然卡死，沒來得及打開任務管理器。

最開始以為是硬盤的問題，但是在卡死幾次后，就想到把任務管理器開著玩項目，看看到底是不是哪個程序把硬盤或者CPU占滿了導致的卡死。經過一番排查，發(fā)現是node.js進程的內存一直在暴漲，內存直接100%，然后系統(tǒng)將所有休眠進程換到虛擬內存，但是還是不夠，就一直換直到崩盤，硬盤也被占滿100%。

這時候我才知道是運行項目開發(fā)環(huán)境導致的。然后想到前段時間更新了項目的依賴（更新前沒發(fā)生過內存爆的問題），就逐一排查，發(fā)現是

這三個依賴的問題。如果強制版本號為3.10.0，如上圖中那樣，就不會發(fā)生問題。如果改為"^3.10.0"，就會發(fā)生問題。

記錄下遇到的這個問題，分享給大家，也給自己加深一下印象。

SASS預處理器推薦：

因為眾所周知的node-sass在windows系統(tǒng)上的一系列(cao)問(dan)題，我推薦大家使用dart-sass（包名為"sass"），完爆node-sass。（也可參考sass-loader官方github的readme）

附上我的項目的整個依賴：

{
"dependencies": {
    "@dclovec/ts-tools": "^1.0.3",
    "@types/echarts": "^4.1.10",
    "axios": "^0.19.0",
    "core-js": "^2.6.5",
    "echarts": "^4.2.1",
    "element-ui": "^2.11.1",
    "vue": "^2.6.10",
    "vue-amap": "^0.5.10",
    "vue-class-component": "^7.0.2",
    "vue-property-decorator": "^8.1.0",
    "vue-router": "^3.0.3",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "3.10.0",
    "@vue/cli-plugin-typescript": "3.10.0",
    "@vue/cli-service": "3.10.0",
    "compression-webpack-plugin": "^3.0.0",
    "sass": "^1.22.9",
    "sass-loader": "^7.1.0",
    "terser-webpack-plugin": "^2.1.2",
    "typescript": "^3.4.3",
    "vue-template-compiler": "^2.6.10"
  }
}

總結

以上所述是小編給大家介紹的解決vue-cli項目開發(fā)運行時內存暴漲卡死電腦問題,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！

您可能感興趣的文章: