升級vue-element-admin中element-ui的版本報錯 缺少math.div 函數


升級vue-element-admin中element-ui的版本報錯 缺少math.div 函數

報錯內容 缺少math.div 函數

98% after emitting CopyPlugin

 ERROR  Failed to compile with 1 error                                                                                                           10:31:42 ├F10: PM┤

 error  in ./src/styles/element-variables.scss

Syntax Error: SassError: Undefined function.
    ╷
490 │ $--group-option-flex: 0 0 math.div(1, 5) * 100% !default;
    │                           ^^^^^^^^^^^^^^
    ╵
  node_modules\element-ui\packages\theme-chalk\src\common\var.scss 490:27  @import
  node_modules\element-ui\packages\theme-chalk\src\mixins\mixins.scss 2:9  @import
  node_modules\element-ui\packages\theme-chalk\src\pagination.scss 1:9     @import
  E:\前端模板數據\vue-element-admin 版本\集成方案\vue-element-admin-master\src\styles\element-variables.scss 27:9
             root stylesheet


 @ ./src/styles/element-variables.scss 4:14-237 15:3-20:5 16:22-245
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.0.107:9527&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

image-20211218224220012

開始以為時這個math.div的函數沒有,修改成為(1/5)

后面編譯依舊報其他sass文件使用同樣的math.div方法提示不存在該方法提示報錯

於是查math的來源,發現是sass:math文件中的,猜測可能是sass的版本低了,少了這個方法

sass的中文網站 查到這個使用這個函數計算值時在1.33.0版本之后,我的項目中的是1.26.3,低了

image-20211218230348149

於是修改package.json中sass的版本為1.33.0;傷處package.json.lock文件

重新npm install

執行成功

image-20211218230813915

image-20211218230838033


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM