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

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 命令就正确生成了。