国际化警告：：[vue-i18n] Value of key '指令' is not a string!

最新推荐文章于 2022-09-21 08:46:38 发布
最新推荐文章于 2022-09-21 08:46:38 发布
阅读量8k 收藏 4
点赞数 5
分类专栏： iView-admin 文章标签： vue-i18n iView-admin iView vue 国际化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lys20000913/article/details/99712659
版权

[vue-i18n] Value of key ‘维修保养管理’ is not a string!
在这里插入图片描述
解决方法
在src/locale/index.js修改配置 在创建i18n实例是去掉警告

const i18n = new VueI18n({
locale: lang,
messages,
silentTranslationWarn: true
})
在这里插入图片描述
修改后刷新页面问题完美解决！

Web_Lys
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue项目中使用vue-i18n报错的解决方法
12-09
前言 Vue-i18n大家应该都不陌生，Vue-i18n安装的安装方法如下： npm install vue-i18n --save 然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解决的方法，下面话不多说了，来一起看看详细的介绍吧 发现问题 iview-admin框架克隆到本地，添加路由的时候，稍不注意就会遇到以下情况： Value of key ‘xxx’ is not string! Cannot translate the value of keypath ‘xxx’. Use the value of keypath as defa
vue-i18n-loader：用于自定义块的vue-i18n-loader
02-06
@ intlify / vue-i18n-loader 用于自定义块的vue-i18n加载程序 注意： :warning: next分支是Vue 3的开发分支！ 稳定版现已在分支中！ 状态：测试版 :star: 产品特点 i18n资源预编译 i18n自定义块 i18n资源定义 i18n资源导入 i18n资源定义的语言环境 全球范围内的i18n资源定义的语言环境 i18n资源格式 :optical_disk: 安装 NPM $ npm i --save-dev @intlify/vue-i18n-loader@next 纱 $ yarn add -D @intlify/vue-i18n-loader@next :rocket: i18n资源预编译
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： :1st_place_medal: 金牌赞助商 :2nd_place_medal: 银牌赞助商 :3rd_place_medal: 青铜赞助商 :star: 特征 i18n资源预编译 i18n自定义块 静态捆绑进口 捆绑优化 :optical_disk: 安装 NPM $ npm i --save-dev @intlify/vite-plugin-vue-i18n 纱 $ yarn add -D @intlify/vite-plugin-vue-i18n :warning: 注意 安装此插件后，Vue I18n只能使用Composition API，如果要使用Legacy API，则需要将compositionOnly选项设置为f
vue-i18n：Vue.js的国际化插件
02-03
vue-i18n Vue.js的国际化插件 :1st_place_medal: 金牌赞助商 :2nd_place_medal: 银牌赞助商 :3rd_place_medal: 青铜赞助商 :loudspeaker: 注意 vue-i18n很快将转移到。 之后，它将在intlify上进行开发和维护。 该vue-i18n已发布的NPM将被释放@intlify/vue-i18n在不远的将来。 vue-i18n下一个主要版本存储库在 Intlify是@kazupon发起的一项新的i18n项目。 :winking_face: :open_book: 文献资料 看 :scroll: 变更日志 中记录了每个版本的详细更改。 :red_exclamation_mark: 问题 在打开问题之前，请确保阅读“ 。 不符合准则的问题可能会立即被解决。 :flexed_biceps: 贡献 提出拉取请求之前，请务必先阅读。 :copyright: 执照
vue-i18n提取-使用静态分析管理vue-i18n本地化。 报告丢失和未使用的i18n条目。-Vue.js开发
05-27
vue-i18n-extract vue-i18n-extract用于与使用vue-i18n的Vue.js项目一起使用。 运行vue-18n-extract时，将分析您的Vue.js源代码。vue-i18n-extract vue-i18n-extract是为与使用vue-i18n的Vue.js项目一起使用而构建的。 运行vue-18n-extract时，将分析您的Vue.js源代码中是否有任何vue-i18n键用法（例如$ t（''），$ tc（''），...）以及语言文件（例如。de_DE.js，en_EN.json，...），以便：I18NReport语言文件中缺少的键。 I18N报告语言文件中未使用的键。 :open_book:文档在这里查看官方文档：https://pixari.github.io/vue-i18n-extra
Value of key '' is not a string! Cannot translate the value of keypath ''. Use the v
雨果的博客
10-16 6321
vue-i18n.esm.js?a925:14 [vue-i18n] Value of key 'promotion_apply1' is not a string! warn @ vue-i18n.esm.js?a925:14 vue-i18n.esm.js?a925:14 [vue-i18n] Cannot translate the value of keypath 'promotion_a...
vue-i18n使用时出现警告——Value of key ‘**‘ is not a string or function !
qq_1872583947的博客
07-13 6355
vue-i18n使用时出现警告： 在配置vue-i18n时，设置silentTranslationWarn: true, 去除国际化警告 const i18n = new VueI18n({ // 设置本地语言 // 值: en | zh locale: getLanguage(), messages, silentTranslationWarn: true, // 去除国际化警告 }); ...
【vue】 国际化警告：：[vue-i18n] Value of key ‘用户管理‘ is not a string
amoureux555的博客
09-21 753
国际化警告：：[vue-i18n] Value of key '用户管理' is not a string
[vue-i18n] Value of key ‘xx‘ is not a string!
limpid_changli的博客
07-19 1448
[vue-i18n] Value of key ‘xx’ is not a string! 这个是多语言文件的警告 因为源数据中存在空的情况，导致语言列表中有空值。$t找不到对应的key。 检查一下语言文件，发现是代码冲突合并的时候选择了保留两者的修改，导致一个文件里面有两份重复的数据，删除掉多余的重复代码之后就正常了。 大家千万要注意这个坑！！！！！ ...
国际化warning:[vue-i18n] Value of key ‘xxxxxxx‘ is not a string or function
m0_57364615的博客
11-26 1059
是否跟我一样打开控制台 console 发现 莫慌 其实只是开发时候没有开启silentTranslationWarn 找到自己得 i18n 实例 进行配置即可
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
:globe_with_meridians: vue-cli-plugin-i18n Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： :1st_place_medal: 金牌赞助商 :2nd_place_medal: 银牌赞助商 :3rd_place_medal: 青铜赞助商 :star: 特征 vue-i18n基本脚手架 使用vue-i18n-loader的单个文件组件中的区域设置消息 区域设置消息丢失和未使用的报告（实验性） 环境变量 :rocket: 入门 如果yon没有使用Vue CLI创建的项目： vue create my-vue-app 将插件安装到您的项目中： cd my-vue-app vue add i18n :hammer: 注入的命令 vue-cli-service i18n:report （实验性） 报告缺少的区域设置消息键和
在浏览器控制台打印
krismile__qh的博客
07-31 1413
js代码： console.log();
【已解决】Chrome浏览器，控制台console.log()，打印数据显示...，点击...才能显示数据，如何直接显示？
Effotzjw_小白慢慢踏全栈
04-11 2010
问题： Chrome浏览器，控制台console.log()，打印数据显示…，点击…才能显示数据，如下图所示： 解决： 深拷贝一下输出，这就直接显示出来了。 console.log(res); 写法改为： console.log(JSON.parse(JSON.stringify(res))); ...
你所不知道的谷歌浏览器 console.log打印技巧
半夏_2021的博客
04-25 7777
相信绝大部分的前端开发使用的是Chrome进行开发的，一方面Chrome浏览器确实做的好，更重要的是一方面是因为Chrome有一个非常强大的调试工具，用好这个调试工具可以提高编程效率，帮助我们快速定位问题。
[vue-i18n] Value of key '图标管理' is not a string!
Kelly成长之路
01-27 8839
今天项目运行时报了很多vue-i18n.esm.js?a925:14 [vue-i18n] Value of key ‘图标管理’ is not a string!的错： 解决方案： 在项目的index.js文件中修改配置，让在创建 i18n 示例的时候加上参数去掉这些 warning const i18n = new VueI18n({ locale: lang, // set local...
[vue-i18n] Value of key 'xxxx' is not a string!
hello world
10-24 2517
在使用iview-admin框架编写目录时报了一大堆警告信息，和vue-i18n有关 解决方法 在项目的locale下的index.js文件中修改配置，让在创建 i18n 示例的时候加上参数去掉这些 warning const i18n = new VueI18n({ locale: lang, messages, silentTranslationWarn: true })...
[vue-i18n] Value of key ‘模板制作‘ is not a string!
c_qianxia5040的博客
06-28 1403
[vue-i18n] Value of key ‘模板制作’ is not a string! 解决方案： 在项目的main.js文件中修改配置，在创建 i18n 示例时 加上“silentTranslationWarn: true” 即可去掉这些警告 const i18n = new VueI18n({ locale: 'zh',//localStorage.getItem('lang'), // 语言标识 messages: { zh: Object.assign(require('@/
Vue3+ts 配置i18n国际化，解决i18n警告
qq_43331318的博客
06-19 8691
Vue3配置国际化，解决i18n警告，封装Hook，
警告：[vue-i18n] Value of key ‘route.addControlled‘ is not a string!(问题篇)
skyblue_afan的博客
05-20 1025
1、解决办法： 先找到要修改的配置文件，先在src文件下，locale文件中找index.js。 如果src下没有locale文件可以找lang文件下的index.js文件。 都找不到，可以在Vs Code工具中搜索，VueI18n实例，看哪个文件有在创建VueI18n这个实例，进去看看 添加如下图红色字体标注的代码 代码：silentTranslationWarn:true，就可以了。 2、所遇到的情况： ...
[vue warn]: avoid using non-primitive value as key, use string/number value instead.
最新发布
08-27
### 回答1： 这是Vue的警告信息，意思是在使用v-for指令时，不要使用非原始值作为key，而应该使用字符串或数字值作为key。这是因为Vue在渲染列表时需要使用key来跟踪每个元素的身份，如果使用非原始值作为key，可能会导致渲染错误或性能问题。因此，建议在使用v-for指令时，始终使用字符串或数字值作为key。 ### 回答2： Vue中的“[vue warn]: avoid using non-primitive value as key, use string/number value instead.”警告的意思是在使用Vue的v-for指令时，应该使用基本类型（即字符串或数字）作为循环中的元素的key。 在Vue中，当使用v-for指令迭代一个数组或对象时，需要为每个迭代的元素指定一个唯一的key属性。这样Vue才能正确地跟踪每个元素的变化并进行优化。 然而，警告指出v-for指令的key属性不应该是一个非基本类型的值，例如一个对象。这是因为对象是引用类型，而在JavaScript中，当比较两个不同的对象时，它们是不相等的，即使它们具有相同的属性和值。因此，Vue无法正确地比较和跟踪对象的变化，从而导致错误和不一致的结果。 解决这个问题的最佳方法是将非基本类型的值转换为字符串或数字，并使用它们作为key属性。通过将非基本类型的值转换为字符串或数字，Vue可以正确地比较和跟踪它们的变化。例如，如果使用一个对象的属性作为key属性，可以使用对象属性的字符串值作为key。 综上所述，“[vue warn]: avoid using non-primitive value as key, use string/number value instead.”警告意味着在使用v-for指令时，应该将非基本类型的值转换为字符串或数字，并将它们作为key属性。通过这样做，可以避免错误和不一致的结果，并确保Vue正确地比较和跟踪元素的变化。 ### 回答3： 这个警告是来自Vue的，意思是应该避免使用非原始值作为key，而应该使用字符串或数字值作为key。在Vue中，当我们使用v-for指令循环渲染一个列表时，我们需要为每个列表项提供一个唯一的key值。这个key值可以是字符串或数字类型的，但不建议使用非原始值，比如对象或函数。 原因是Vue需要使用这个key值来进行性能优化和虚拟DOM的更新。如果我们使用了非原始值作为key，Vue会进行浅比较来判断是否需要更新DOM，而对于非原始值来说，浅比较可能会导致一些意外的问题。 因此，为了避免这种潜在问题，Vue建议我们使用字符串或数字类型的值作为key，因为它们可以保证唯一性，并且在进行比较时更加可靠。 解决这个警告的方法很简单，我们只需要将非原始值转换为字符串或数字即可。这可以通过将对象序列化为JSON字符串或使用对象的某个唯一属性作为key值来实现。 总结起来，当我们在Vue中使用v-for指令渲染列表时，要避免使用非原始值作为key，而应该使用字符串或数字类型的值作为key，以避免出现性能问题和意外的更新行为。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Web_Lys

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值