版本不兼容问题 #81

Activity

1. philliphartin commented on Aug 13, 2019

   

   philliphartin

   on Aug 13, 2019

   Last edited by philliphartin

   More actions

   I'm also having the same issue with:

   "element-ui": "^2.11.1",
    "element-theme": "^2.0.1",
    "element-theme-chalk": "^2.11.1",
   

   ⠸ build element theme
   
   events.js:174
         throw er; // Unhandled 'error' event
         ^
   Error: node_modules/element-theme-chalk/src/avatar.scss
   Error: Undefined variable: "$--avatar-font-color".
           on line 9 of node_modules/element-theme-chalk/src/avatar.scss, in mixin `@content`
           from line 74 of node_modules/element-theme-chalk/src/mixins/mixins.scss, in mixin `b`
           from line 4 of node_modules/element-theme-chalk/src/avatar.scss
   >>   color: $--avatar-font-color;
   
      ---------^
   

   Seems the issue is because of the addition of the Avatar component in ElementUI/theme-chalk@d1968d4

   👀React with 👀1Reacted by Sebastian V
2. sunyongjian commented on May 20, 2020

   

   sunyongjian

   on May 20, 2020

   Last edited by sunyongjian

   More actions

   在 element-variables.scss 这个文件里，把缺少的变量定义一下就行了。
   具体定义的值是什么，可以看 element-theme-chalk， lib 中对应 css 文件的代码，找到报错的 css 属性和值。

   楼上的报错信息看，是去 node_modules/element-theme-chalk/lib/avatar.css 下，找 color 的属性。
   当然你也可以跳过，直接写 ‘default’ 之类的属性值。
   比如：

   $--avatar-font-color: 'unset';

   问题出现的原因不确定，估计是 element-theme 的 bug.