因导入element-ui 默认主题出现的一系列问题

165 阅读1分钟

1. 添加默认主题

/* 改变主题色变量 */ 
$--color-primary: teal;
/* 改变 icon 字体路径变量,必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts'; 
@import "~element-ui/packages/theme-chalk/src/index";

报错信息

$--group-option-flex: 0 0 math.div(1, 5) * 100% !default;

原因

node-sass 版本与 element-ui 配置不匹配

解决

node_modules,package-lock.json删除重新导入即可

2. # Jenkins打包报错

报错信息

Unable to save binary
/var/lib/jenkins/xxxx/xxxx/node_modules/node-sass/vendor/linux-x64-83 :
ErrorEACCES: permission denied,
mkdir '/var/lib/jenkins/xxx/xxxxx/node_modules/node-sass/vendor'

原因

远端权限问题

解决

Jenkins配置 npm install --production --unsafe-perm=true --allow-root

3.node-sass在 Jenkins再次打包报错

原因

打包后的代码需要用到node-sass包,而我放在了devDependencies

解决

node-sass包卸载,重新放入dependencies 生产环境配置里