升級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
開始以為時這個math.div的函數沒有,修改成為(1/5)
后面編譯依舊報其他sass文件使用同樣的math.div方法提示不存在該方法提示報錯
於是查math的來源,發現是sass:math文件中的,猜測可能是sass的版本低了,少了這個方法
sass的中文網站 查到這個使用這個函數計算值時在1.33.0
版本之后,我的項目中的是1.26.3
,低了
於是修改package.json中sass的版本為1.33.0;傷處package.json.lock文件
重新npm install
執行成功