溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文小編為大家詳細介紹“vue中sass-loader版本過高導致的編譯錯誤怎么解決”，內容詳細，步驟清晰，細節處理妥當，希望這篇“vue中sass-loader版本過高導致的編譯錯誤怎么解決”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。
安裝node-sass、sass-loader和style-loader：
npm i node-sass sass-loader style-loader -D
<style scoped lang="scss"> </style>
操作以上步驟后，運行，發現報錯。原因是sass-loader版本過高，node-sass和sass-loader不兼容。解決辦法：卸載當前版本的sass-loader，安裝指定版本：
npm uninstall sass-loader //卸載 npm install sass-loader@7.3.0 //安裝指定版本
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 重啟一下
讀到這里，這篇“vue中sass-loader版本過高導致的編譯錯誤怎么解決”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
