element-ui|element-ui 渲染错误，只显示变量 element-ui渲染错误，只显示变量

使用 element-ui 开发的后台管理系统出现以下画面：

文章图片

如图所示，图中应该显示文字或组件的位置只显示了变量名称。
后续在控制台发现有以下警告：

Cannot translate the value of keypath 'el.table.emptyText'. Use the value of keypath as default

经过查证，是vue-i18n这个第三方库的报错，element 在配置时设置了 vue-i18n 选项，在 main.js 中修改以下代码即可解决问题：

Vue.use(ElementUI, { size: 'small' - i18n: (key, value) => i18n.t(key, value) })

【element-ui|element-ui 渲染错误，只显示变量】如果项目中依然需要使用 vue-i18n，则需要单独配置，这个库的 v5 和 v6 版本差别比较大，需解决冲突后使用。

element-ui|element-ui 渲染错误，只显示变量