解決vue-cli項(xiàng)目開發(fā)運(yùn)行時(shí)內(nèi)存暴漲卡死電腦問題

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

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

最近開發(fā)一個(gè)vue項(xiàng)目時(shí)遇到電腦卡死問題，突然間系統(tǒng)就非?？ǎ缓罂ㄖㄖ退罊C(jī)了，鼠標(biāo)也動不了了，只能冷啟動。而且因?yàn)槭峭蝗豢ㄋ?，沒來得及打開任務(wù)管理器。

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

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

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

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

SASS預(yù)處理器推薦：

因?yàn)楸娝苤膎ode-sass在windows系統(tǒng)上的一系列(cao)問(dan)題，我推薦大家使用dart-sass（包名為"sass"），完爆node-sass。（也可參考sass-loader官方github的readme）

附上我的項(xiàng)目的整個(gè)依賴：

{
"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"
  }
}

總結(jié)

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

您可能感興趣的文章: