Element-ui升级到最新版1.4.13 → 2.13.2

1,安装高效升级插件 npm install -g npm-check-updates

2,查看最新的版本：npm-check-updates 简写：ncu

3卸载之前的element-ui版本 npm uninstall element-ui

4安装最新版（想要安装的版本） npm install element-ui@2.13.2 -S

5替换三个文件

1.这时候我们在main.js中修改新增的 theme-chalk 主题： 将import 'element-ui/lib/theme-default/index.css'替换为import 'element-ui/lib/theme-chalk/index.css'

2.在.babelrc 文件中替换 theme-default -----》theme-chalk

3.在node_modules\babel-plugin-component\README.md文件中替换 theme-default-----》theme-chalk

另：

1 npm unstall element-ui

2 npm i element-ui -S

3 将import 'element-ui/lib/theme-default/index.css'替换为import 'element-ui/lib/theme-chalk/index.css'

单独升级element ui 可能与原工程某些写法不兼容造成渲染差异，假如不升级element ui自身bug不少，比如checkbox之类的无法渲染默认选中或无法多选等等

是否要依赖都升级，看具体情况

 

不卸载更新，使用： npm update element-ui ，进行更新elementUI

常见问题：

项目中报错：Invalid prop: type check failed for prop "maxlength". Expected Number, got String. 解决： maxlength=14 改成 :maxlength=14 参考：Invalid prop: type check failed for prop "maxlength". Expected Number, got String._微信搜索《技术赚客吧》一起赚吧-CSDN博客

this.$confirm is not a function（关于使用element-ti MessageBox可能会遇到的问题） 解决：项目中main.js增加： Vue.prototype.$confirm = MessageBox.confirm 参考：this.$confirm is not a function（关于使用element-ti MessageBox可能会遇到的问题）_smallNut的博客-CSDN博客

参考

Element-ui升级到最新版 2.4.6_AI-CSDN博客_elementui更新