Vue I18n已配置所有翻译键仍出现回退翻译警告求助

1. 修复Locale命名不匹配问题 #

你的代码里存在明显的命名逻辑冲突：

• 导入的英文翻译文件是../locales/eng，但在messages里注册的键是uk（乌克兰语代码）
• 配置的fallbackLocale: 'en'，但messages中并没有en对应的翻译项

这会导致系统尝试回退到en locale时找不到对应翻译文件，进而触发警告。即使翻译功能暂时正常，也是因为实际使用的uk对应的文件里包含了英文翻译，但命名逻辑是错误的。

修复方法：
将messages中的uk改为en，同时把导入变量名也改成en保持一致性：

import { createI18n } from 'vue-i18n';
import en from '../locales/eng';
import ru from '../locales/ru';

const i18n = createI18n({
  fallbackLocale: 'en',
  legacy: false,
  missingWarn: false,
  warnHtmlMessage: false,
  locale: 'ru',
  messages: {
    en,
    ru
  }
});

export default i18n;

2. 正确关闭翻译警告（Vue I18n v9+ 组合式API模式） #

在legacy: false（组合式API模式）下，silentTranslationWarn已被废弃，需要同时配置missingWarn和fallbackWarn来关闭两类警告：

const i18n = createI18n({
  fallbackLocale: 'en',
  legacy: false,
  missingWarn: false, // 关闭"找不到对应locale键"的警告
  fallbackWarn: false, // 关闭"回退到根locale"的警告
  warnHtmlMessage: false,
  locale: 'ru',
  messages: {
    en,
    ru
  }
});

3. 验证翻译文件内容 #

确保俄语翻译文件ru.ts中确实包含Balance键，示例如下：

// locales/ru.ts
export default {
  Balance: 'Баланс',
  // 其他翻译键...
};

如果确认翻译文件存在对应键但警告仍存在，建议清除项目缓存后重新启动开发服务器，避免旧缓存导致的异常。

内容的提问来源于stack exchange，提问作者Adinai Zhamangulova