歡迎您的來訪!有源碼,好建站(www.bmm520.net)源碼海洋源碼網為您提供快速建站平臺.

      vue中使用sass及解決sass-loader版本過高導致的編譯錯誤問題

      時間:2023-02-15 07:19來源:未知 作者:admin 點擊:
      這篇文章主要介紹了vue中使用sass及解決sass-loader版本過高導致的編譯錯誤問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教 使用sass及解決sass-loader版本過高導致編譯錯誤 安裝依賴包 安裝node-sass、sass-loader

       這篇文章主要介紹了vue中使用sass及解決sass-loader版本過高導致的編譯錯誤問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

      使用sass及解決sass-loader版本過高導致編譯錯誤

      安裝依賴包

      安裝node-sass、sass-loader和style-loader:

      1
      npm i node-sass sass-loader style-loader -D

      使用

      1
      2
      <style scoped lang="scss">
      </style>

      解決編譯錯誤

      操作以上步驟后,運行,發現報錯。原因是sass-loader版本過高,node-sass和sass-loader不兼容。解決辦法:卸載當前版本的sass-loader,安裝指定版本:

      1
      2
      npm uninstall sass-loader  //卸載
      npm install sass-loader@7.3.0  //安裝指定版本

      安裝sass(規避因版本過高報錯)

      安裝的兩個命令

      1
      2
      npm install sass-loader@7.3.1 --save-dev
      npm install --save-dev node-sass

      配置文件

      打開build文件夾下的webpack.base.conf.js

      找到module.exports里的module,在rules里添加下面的配置:

      1
      2
      3
      4
      {
        test: /\.sass$/,
        loaders: ['style', 'css', 'sass']
      }

      樣式標簽更改

      1
      <style lang="scss">

      然后 npm run dev 重啟一下

       

      以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

      (責任編輯:admin)本文地址:http://www.bmm520.net/info/wangzhankaifaqianhouduan/2023/0215/23497.html

      推薦資訊

      亚洲精品无码久久久久牙蜜区| 久久精品7亚洲午夜a| 亚洲成av人影院| 国产成人亚洲综合| 亚洲AV成人精品一区二区三区| 亚洲一区二区三区高清视频| 亚洲网址在线观看| 亚洲综合激情另类小说区| 亚洲久本草在线中文字幕| 亚洲欧洲国产日韩精品| 亚洲视频精品在线| 亚洲视频一区网站| 亚洲无限乱码一二三四区| 亚洲女人18毛片水真多| 亚洲一级毛片视频| 国产亚洲精品成人AA片| 亚洲精品欧美综合四区| 亚洲人成网站18禁止| MM1313亚洲精品无码久久| 亚洲AV蜜桃永久无码精品| av在线亚洲欧洲日产一区二区| 老司机亚洲精品影视www| 亚洲熟妇中文字幕五十中出| 日本亚洲欧洲免费天堂午夜看片女人员| 亚洲乳大丰满中文字幕| 亚洲AV无码久久精品蜜桃| 亚洲三级电影网址| 亚洲成人免费电影| 亚洲 暴爽 AV人人爽日日碰| 亚洲老熟女五十路老熟女bbw| 亚洲AV无码一区二区大桥未久| 亚洲&#228;v永久无码精品天堂久久 | 亚洲国产另类久久久精品小说| 亚洲av伊人久久综合密臀性色| 亚洲午夜在线电影| 亚洲制服丝袜第一页| 亚洲AV色无码乱码在线观看 | 亚洲AV无码一区二三区 | 亚洲国产乱码最新视频| WWW国产亚洲精品久久麻豆| 国产偷窥女洗浴在线观看亚洲|