最近開發一個vue專案時遇到電腦卡死問題，突然間系統就非常卡，然后卡著卡著就死機了，滑鼠也動不了了，只能冷啟動，而且因為是突然卡死，沒來得及打開任務管理器，
最開始以為是硬碟的問題，但是在卡死幾次后，就想到把任務管理器開著玩專案，看看到底是不是哪個程式把硬碟或者CPU占滿了導致的卡死，經過一番排查，發現是node.js行程的記憶體一直在暴漲，記憶體直接100%，然后系統將所有休眠行程換到虛擬記憶體，但是還是不夠，就一直換直到崩盤，硬碟也被占滿100%，
這時候我才知道是運行專案開發環境導致的，然后想到前段時間更新了專案的依賴（更新前沒發生過記憶體爆的問題），就逐一排查，發現是
這三個依賴的問題，如果強制版本號為3.10.0，如上圖中那樣，就不會發生問題，如果改為"^3.10.0"，就會發生問題，
記錄下遇到的這個問題，分享給大家，也給自己加深一下印象，
SASS前處理器推薦：
因為眾所周知的node-sass在windows系統上的一系列(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" } }
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/178585.html
標籤：JavaScript
上一篇：js資料型別轉換與字面量
下一篇：移動端隱藏滾動條，css方法