element-ui 自定义主题设置及“et -i“报错“primordials is not defined”问题的解决办法

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-22 15:17   21   0

1. 安装相关依赖

npm install element-ui -sava
npm install sass-loader node-sass -D
npm install element-theme -g
npm install element-theme-chalk -D

2. 初始化生成element-variables.scss变量文件

安装完成后,在项目目录下,打开cmd命令窗口,然后执行et -i,会在根目录下,自动生成element-variables.scss文件

et -i

如图:

3. 修改element-variables.scss中的配置,重新编译主题

修改主题色彩配置,如下图:

上一步修改后,不会立即生效,需要继续执行命令 **et**,生成新的主题样式包

et

结果如图:

4. 引入新的样式

在main.js中,引入如下图:

5. 如果以上步骤都没有出错,就可以运行项目,看效果了

6. **primordials is not defined** 问题记录及解决方式

安装完成第一步后,发现执行et -i 命令的时候,报错,无法暴露变量文件,问题如下:

解决办法

cnpm install element-themex -g


之后再执行 et -i 命令就正确生成了。


分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP