這篇文章給大家分享的是有關(guān)如何解決vue-cli項目開發(fā)運行時內(nèi)存暴漲卡死電腦問題的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

在昔陽等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站設(shè)計、做網(wǎng)站 網(wǎng)站設(shè)計制作按需規(guī)劃網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站制作,昔陽網(wǎng)站建設(shè)費用合理。

最近開發(fā)一個vue項目時遇到電腦卡死問題，突然間系統(tǒng)就非?？?，然后卡著卡著就死機(jī)了，鼠標(biāo)也動不了了，只能冷啟動。而且因為是突然卡死，沒來得及打開任務(wù)管理器。

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

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

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

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

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

因為眾所周知的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"
  }
}

感謝各位的閱讀！關(guān)于“如何解決vue-cli項目開發(fā)運行時內(nèi)存暴漲卡死電腦問題”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

分享標(biāo)題：如何解決vue-cli項目開發(fā)運行時內(nèi)存暴漲卡死電腦問題-創(chuàng)新互聯(lián)
本文地址：http://weahome.cn/article/dhcdjj.html