vue中sass-loader版本過高導(dǎo)致的編譯錯(cuò)誤怎么解決

本文小編為大家詳細(xì)介紹“vue中sass-loader版本過高導(dǎo)致的編譯錯(cuò)誤怎么解決”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“vue中sass-loader版本過高導(dǎo)致的編譯錯(cuò)誤怎么解決”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

使用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 重啟一下

讀到這里，這篇“vue中sass-loader版本過高導(dǎo)致的編譯錯(cuò)誤怎么解決”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。