vue中使用sass及解決sass-loader版本過(guò)高導(dǎo)致的編譯錯(cuò)誤問(wèn)題
更新時(shí)間：2022年04月11日 09:31:57 作者：水木Moira
這篇文章主要介紹了vue中使用sass及解決sass-loader版本過(guò)高導(dǎo)致的編譯錯(cuò)誤問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
使用sass及解決sass-loader版本過(guò)高導(dǎo)致編譯錯(cuò)誤
安裝依賴包
安裝node-sass、sass-loader和style-loader：
npm i node-sass sass-loader style-loader -D
使用
<style scoped lang="scss"> </style>
解決編譯錯(cuò)誤
操作以上步驟后，運(yùn)行，發(fā)現(xiàn)報(bào)錯(cuò)。原因是sass-loader版本過(guò)高，node-sass和sass-loader不兼容。解決辦法：卸載當(dāng)前版本的sass-loader，安裝指定版本：
npm uninstall sass-loader ?//卸載 npm install sass-loader@7.3.0 ?//安裝指定版本
安裝sass（規(guī)避因版本過(guò)高報(bào)錯(cuò)）
安裝的兩個(gè)命令
npm install sass-loader@7.3.1 --save-dev npm install --save-dev node-sass
配置文件
打開(kāi)build文件夾下的webpack.base.conf.js
找到module.exports里的module，在rules里添加下面的配置：
{
? test: /\.sass$/,
? loaders: ['style', 'css', 'sass']
}樣式標(biāo)簽更改
<style lang="scss">
然后 npm run dev 重啟一下
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了關(guān)于vue-color-顏色選擇器插件，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
詳解vue2.0的Element UI的表格table列時(shí)間戳格式化
本篇文章主要介紹了詳解vue2.0的Element UI的表格table列時(shí)間戳格式化，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-06-06
element tree懶加載:load="loadNode"只觸發(fā)一次的解決方案
本文主要介紹了element tree懶加載:load="loadNode"只觸發(fā)一次的解決方案，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
vue2.0+ 從插件開(kāi)發(fā)到npm發(fā)布的示例代碼
這篇文章主要介紹了vue2.0+ 從插件開(kāi)發(fā)到npm發(fā)布的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
這篇文章主要為大家詳細(xì)介紹了Vue的生命周期，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-02-02
Pinia是一個(gè)全新的Vue狀態(tài)管理庫(kù),是Vuex的代替者,尤雨溪強(qiáng)勢(shì)推薦,下面這篇文章主要給大家介紹了關(guān)于Vue3中Pinia的基本使用,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
Vue+ElementUI?封裝簡(jiǎn)易PaginationSelect組件的詳細(xì)步驟
這篇文章主要介紹了Vue+ElementUI?封裝簡(jiǎn)易PaginationSelect組件,這里簡(jiǎn)單介紹封裝的一個(gè)Pagination-Select組件幾個(gè)步驟，結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-08-08
關(guān)于Elementui中toggleRowSelection()方法實(shí)現(xiàn)分頁(yè)切換時(shí)記錄之前選中的狀態(tài)
這篇文章主要介紹了關(guān)于Elementui中toggleRowSelection()方法實(shí)現(xiàn)分頁(yè)切換時(shí)記錄之前選中的狀態(tài),具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
Vue項(xiàng)目配置跨域訪問(wèn)和代理proxy設(shè)置方式
這篇文章主要介紹了Vue項(xiàng)目配置跨域訪問(wèn)和代理proxy設(shè)置方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
Vue中keyup.enter和blur事件沖突的問(wèn)題及解決
這篇文章主要介紹了Vue中keyup.enter和blur事件沖突的問(wèn)題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10