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博客
参考