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