vue中使用sass及解決sass-loader版本過高導(dǎo)致的編譯錯(cuò)誤問題
更新時(shí)間：2022年04月11日 09:31:57 作者：水木Moira
這篇文章主要介紹了vue中使用sass及解決sass-loader版本過高導(dǎo)致的編譯錯(cuò)誤問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
使用sass及解決sass-loader版本過高導(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版本過高，node-sass和sass-loader不兼容。解決辦法：卸載當(dāng)前版本的sass-loader，安裝指定版本：
npm uninstall sass-loader ?//卸載 npm install sass-loader@7.3.0 ?//安裝指定版本
安裝sass（規(guī)避因版本過高報(bào)錯(cuò)）
安裝的兩個(gè)命令
npm install sass-loader@7.3.1 --save-dev npm install --save-dev node-sass
配置文件
打開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)文章
本篇文章主要介紹了vue mint-ui源碼解析之loadmore組件，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了vue之使用vuex進(jìn)行狀態(tài)管理詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要為大家詳細(xì)介紹了Vue中自定義指令directive的使用方法，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-04-04
這篇文章主要為大家介紹了使用Vite處理css?less及postcss的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
本篇文章主要介紹了Vue的Class與Style綁定的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
本文主要介紹了vue中table實(shí)現(xiàn)真正的跨越全選，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
Vue中使用video.js實(shí)現(xiàn)截圖和視頻錄制與下載
這篇文章主要為大家詳細(xì)介紹了Vue中如何使用video.js實(shí)現(xiàn)截圖和視頻錄制與下載,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
vue關(guān)于錨點(diǎn)定位、跳轉(zhuǎn)到指定位置實(shí)現(xiàn)方式
這篇文章主要介紹了vue關(guān)于錨點(diǎn)定位、跳轉(zhuǎn)到指定位置實(shí)現(xiàn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-04-04
Vue程序化的事件監(jiān)聽器(實(shí)例方案詳解)
本文通過兩種方案給大家介紹了Vue程序化的事件監(jiān)聽器，每種方案通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2020-01-01
這篇文章主要介紹了vue router 源碼概覽的案例分析，本文通過實(shí)例代碼案例分析給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10