在vue项目中使用vue-i18n时出现报错如何解决

今天就跟大家聊聊有关在vue项目中使用vue-i18n时出现报错如何解决,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

前言

Vue-i18n大家应该都不陌生,Vue-i18n安装的安装方法如下:

npm install vue-i18n --save

然而最近在vue项目中使用vue-i18n的时候,居然报错了,通过查找相关的资料终于找到了解决的方法,下面话不多说了,来一起看看详细的介绍吧

发现问题

iview-admin框架克隆到本地,添加路由的时候,稍不注意就会遇到以下情况:

在vue项目中使用vue-i18n时出现报错如何解决

Value of key 'xxx' is not string!
Cannot translate the value of keypath 'xxx'. Use the value of keypath as default.

遇到这种情况如何解决?

很显然是vue-i18n配置这里出了问题。

在vue项目中使用vue-i18n时出现报错如何解决

直接找到这些文件夹,一一对应修改,添加路由的各语言对应名称。

在vue项目中使用vue-i18n时出现报错如何解决

看完上述内容,你们对在vue项目中使用vue-i18n时出现报错如何解决有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。