升级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

GitHub 加速计划 / vu / vue-element-admin
87.26 K
30.42 K
下载
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
0caa975e - 2 年前
cd3f7267 - 2 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐