vue項(xiàng)目使用/deep/語法報(bào)錯(cuò)
最近使用vue創(chuàng)建后臺(tái)管理系統(tǒng)展运，在改變餓了么組件樣式時(shí)筷笨，使用/deep/樣式穿透 壓根不生效钧嘶，而且終端還會(huì)報(bào)錯(cuò)躁倒，之前可是可以隨便用/deep/的幔亥，一下子就給整懵逼了~耻讽，先來看看報(bào)錯(cuò)信息長啥樣：
image.png
然后當(dāng)你去各種百度會(huì)發(fā)現(xiàn)遇到同樣問題的人還挺多，而且絕大多數(shù)出現(xiàn)的時(shí)間都是在2020年期間開始很多人出現(xiàn)這類問題：
image.png
然后最多的答案無非就是使用::v-/deep/ 來替換/deep/帕棉，確實(shí)有效针肥，但是會(huì)不能使用scss嵌套寫法的問題，不然樣式嵌套的子元素樣式不會(huì)生效如圖
image.png
所以只能這樣寫
image.png
然后心里一句草泥馬路過~本來sass就是為了嵌套寫法香伴，提高樣式編寫速度慰枕，這么搞不難受嗎，像我這種強(qiáng)迫癥絕對(duì)受不了即纲！
在我不斷地試驗(yàn)之下最終得到一個(gè)最佳方案具帮，那就是降低sass-loader版本：
首先卸載項(xiàng)目中的sass-loader
npm uninstall sass-loader
然后重新安裝7.0.0版本的sass-loader
npm install sass-loader@7.0.0
安裝完成之后終端開始報(bào)錯(cuò)，遇到事情不要慌，先拿出手機(jī)拍個(gè)照片匕坯，然后翻譯一下報(bào)錯(cuò)是啥意思：
image.png
萬能的有道詞典截屏翻譯告訴你：
image.png
安裝低版本的sass-loader需要引入node-sass依賴來支持,請(qǐng)執(zhí)行下列代碼
npm install node-sass
image.png
好了這就是更改loader版本的方法啦.開始愉快地使用/deep/樣式穿透吧!
//注明
"node-sass": "^4.14.1"
"sass-loader": "7.0.0"
