jenkins打包vue项目和本地打包效果不一致

Question

最近项目用到到 jenkins + git 自动构建，项目中引用了 element-ui 现在的问题是本地打包 dialog 弹框高度符合预期，但是通过 jenkins 打包出来的项目，弹框高度非常小，啥问题呢？

Answer 1

当初同时搭建Jenkins的时候好像出错了，但是忽略了，到Jenkins工作目录下删除npm安装的包，然后重新下载就好了

Answer 2

可能是element-ui的版本不一样。

Answer 3

jenkins 脚本和本地脚本 package.json 贴出来看看

Answer 4

这个我遇到过，Jenkins在构建的时候会下载项目中插件的最新版本，比如，"element-plus": "^2.1.9", 因为有这个符号“ ^ ”。所以它会自动下载"element-plus": "2.7.7"（当前最新版）,所以就导致了UI的不同，甚至是功能的不同。这时候的解决方法就是把插件的版本固定死，也就是把package.json文件里的"element-plus": "^2.1.9"改写为"element-plus": "2.1.9",这样在Jenkins构建的时候，下载的UI版本就是2.1.9，而不是2.7.7了。
我因为这个还遇到一个问题，那就是使用element-plus中的select组件的清除功能clearable的时候，低版本的清除后值为空字符串，而高版本清除后值为undefined，导致接口拿不到数据，所以大家注意（前端解决方案）