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

Question

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

Answer 1

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 关于该问题，我找了一篇非常好的博客，你可以看看是否有帮助，链接：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 图标所在的相对路径即可。

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