项目运行的时候报错,怎么解决 呢

Invalid CSS after "...-flex: 0 0 math": expected expression (e.g. 1px, bold), was ".div(1, 5) * 100% !"
on line 490 of node_modules/element-ui/packages/theme-chalk/src/common/var.scss

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 关于该问题,我找了一篇非常好的博客,你可以看看是否有帮助,链接:Element UI 安装报错:this dependency was not found:'element-ui/lib/theme-chalk/index.css'
  • 除此之外, 这篇博客: elementUI-自定义主题几种方式中的 方式二: 在项目中改变 SCSS 变量 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    Element 的 theme-chalk 使用 SCSS 编写,如果你的项目也使用了 SCSS,那么可以直接在项目中改变 Element 的样式变量。

    新建一个样式文件,例如 element-variables.scss,写入以下内容:

    /* 改变主题色变量 */
    $–color-primary: teal;

    /* 改变 icon 字体路径变量,必需 */
    $–font-path: ‘~element-ui/lib/theme-chalk/fonts’;

    @import “~element-ui/packages/theme-chalk/src/index”;
    之后,在项目的入口文件中,直接引入以上样式文件即可(无需引入 Element 编译好的 CSS 文件):

    import Vue from ‘vue’
    import Element from ‘element-ui’
    import ‘./element-variables.scss’

    Vue.use(Element)
    ⚠️ 需要注意的是,覆盖字体路径变量是必需的,将其赋值为 Element 中 icon 图标所在的相对路径即可。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^