Vue3 - 解决 [intlify] Not found ‘xx‘ key in ‘x‘ locale messages. 的两个警告

话不多说先上一个烦人的警告截图(词条越多警告越多会卡死控制台):

在开发 vue3 国际化项目中使用了 vue-i18n插件,词条是非本地 json 的,都是从接口取回的,所以本地并没有实际词条文件,而 vue-i18n插件在开发环境是默认打开警告的,所以当调试页面的时候会发现有很多类似的[intlify] Not found 'xx' key in 'x' locale messages. 警告,然后浏览器的控制台就会卡到要爆炸非常影响开发。

于是就开始各种度娘啊,墙外爬啊。然后再 CSDN 的一个大神的帖子里还真看见有解决办法,但是收费的(尊重大神劳动知识),无奈继续爬,最后发现还是官方文档最靠谱,就是自己的 E 文不好所以一直没爬出来,那就慢慢的翻官方文档吧,最后找到了官方对于这种警告的解决方案。

简单直白的翻译就是,在 i18n 的配置地方追加关闭警告参数即可,太特么简单了。。。。只是可能没有多少人遇到或者忽略了这个烦人的警告,既然找到了方案就分享给可能遇到或者遇到找不到解决方案的朋友们。

配置文件处添加四行代码即可(它是两种模式我这里没做测试直接四个都加了)从此控制台清净了

  • 16
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Vue 3 中,如果你使用了国际化库 Intlify(之前的 vue-i18n),并且在使用过程中遇到了 `[intlify] Not found '业务场景编号' key in 'zh' locale messages` 的错误提示,这意味着在当前的语言包(locale messages)中找不到对应的键(key)。 要解决这个问题,你可以按照以下步骤进行操作: 1. 检查你的语言包文件(通常是一个 JSON 文件),确保其中包含了名为 `'业务场景编号'` 的键,并且对应的值是正确的。例如,你的 `zh.json` 文件应该类似于: ```json { "业务场景编号": "对应的翻译文本" } ``` 2. 确保你正确地设置了当前的语言环境。你可以在 Vue 3 的入口文件(通常是 `main.js`)或者组件中设置当前的语言环境。例如,在 `main.js` 中: ```javascript import { createApp } from 'vue'; import { createI18n } from 'vue-i18n'; const i18n = createI18n({ locale: 'zh', // 设置默认语言环境为中文 // ... }); const app = createApp(App); app.use(i18n); app.mount('#app'); ``` 3. 确保在组件中正确使用了国际化的 API。例如,在模板中使用 `$t` 方法来翻译文本: ```html <template> <div> <p>{{ $t('业务场景编号') }}</p> </div> </template> ``` 如果上述步骤都正确,但问题仍然存在,你可以尝试重新编译你的项目,以确保语言包文件的更改被正确加载。 希望这些步骤可以帮助你解决问题,使国际化功能正常工作。如果问题仍然存在,请提供更多的代码和详细信息,以便我们能够更好地帮助你解决问题。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值