vue项目中使用vue-i18n报错的解决方法


Posted in Javascript onJanuary 13, 2019

前言

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报错的解决方法

修改这三个文件之后保存,正常运行没有报错了。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
JQuery处理json与ajax返回JSON实例代码
Jan 03 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
Oct 31 Javascript
JS动态增删表格行的方法
Mar 03 Javascript
详解Angular2中的编程对象Observable
Sep 17 Javascript
AngularJS 前台分页实现的示例代码
Jun 07 Javascript
快速解决bootstrap下拉菜单无法隐藏的问题
Aug 10 Javascript
js实现文件上传功能 后台使用MultipartFile
Sep 08 Javascript
解决vue动态为数据添加新属性遇到的问题
Sep 18 Javascript
基于vue-cli3和element实现登陆页面
Nov 13 Javascript
在vue-cli中引入lodash.js并使用详解
Nov 13 Javascript
vue中改变滚动条样式的方法
Mar 03 Javascript
js删除对象中的某一个字段的方法实现
Jan 11 Javascript
vscode下vue项目中eslint的使用方法
Jan 13 #Javascript
jQuery实现的中英文切换功能示例
Jan 11 #jQuery
JavaScript寄生组合式继承原理与用法分析
Jan 11 #Javascript
JavaScript常见继承模式实例小结
Jan 11 #Javascript
JavaScript惰性求值的一种实现方法示例
Jan 11 #Javascript
JavaScript创建对象的四种常用模式实例分析
Jan 11 #Javascript
详解Vue项目部署遇到的问题及解决方案
Jan 11 #Javascript
You might like
PHP面向接口编程 耦合设计模式 简单范例
2011/03/23 PHP
PHP获取MySql新增记录ID值的3种方法
2014/06/24 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
yii2超好用的日期组件和时间组件
2016/05/05 PHP
WordPress中的shortcode短代码功能使用详解
2016/05/17 PHP
Yii2设置默认控制器的两种方法
2017/05/19 PHP
javascript 禁止复制网页
2009/06/11 Javascript
JQuery选择器特辑 详细小结
2012/05/14 Javascript
Jquery插件分享之气泡形提示控件grumble.js
2014/05/20 Javascript
用jquery模仿的a的title属性的例子
2014/10/22 Javascript
jQuery实现炫酷的鼠标轨迹特效
2015/02/01 Javascript
Vue.js实例方法之生命周期详解
2017/07/03 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
2018/10/29 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
详解Vue的组件中data选项为什么必须是函数
2020/08/17 Javascript
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
线程和进程的区别及Python代码实例
2015/02/04 Python
Python简单遍历字典及删除元素的方法
2016/09/18 Python
tensorflow实现简单逻辑回归
2018/09/07 Python
Pytorch to(device)用法
2020/01/08 Python
使用python-cv2实现Harr+Adaboost人脸识别的示例
2020/10/27 Python
Python对excel的基本操作方法
2021/02/18 Python
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
HTML5 LocalStorage 本地存储刷新值还在
2017/03/10 HTML / CSS
印度服装购物网站:Limeroad
2018/09/26 全球购物
英国著名书店:Foyles
2018/12/01 全球购物
Hotels.com泰国:酒店预订网站
2019/11/20 全球购物
护理学毕业生自荐信
2013/10/02 职场文书
小学家长评语大全
2014/04/16 职场文书
团支书竞选演讲稿
2014/04/28 职场文书
物资采购方案
2014/06/12 职场文书
计算机考试作弊检讨书1000字
2015/01/01 职场文书
创业方案:赚钱的烧烤店该怎样做?
2019/07/05 职场文书
Python代码风格与编程习惯重要吗?
2021/06/03 Python
Nginx配置使用详解
2022/07/07 Servers