如何用i18next翻译constants.js文件？调用t方法未生效求助

你的问题核心是i18next没有完成初始化配置，导致t()方法找不到对应的翻译资源，直接返回了键名。以下是具体的修复步骤：

1. 配置i18next初始化文件 #

创建一个单独的i18n配置文件（比如i18n.js），负责加载翻译资源并完成初始化：

import i18next from 'i18next';
import translation from './global.json'; // 确保路径和你的global.json文件一致

i18next.init({
  lng: 'en', // 设置默认使用的语言
  fallbackLng: 'en', // 找不到对应语言翻译时的降级方案
  resources: {
    en: {
      translation: translation // 将翻译资源挂载到默认命名空间
    }
  },
  interpolation: {
    escapeValue: false // 前端框架（如React/Vue）无需手动转义，设为false即可
  }
});

export default i18next;

2. 在constants.js中导入已初始化的i18n实例 #

不要直接导入原始的i18next，而是导入你配置好的实例：

import i18n from './i18n'; // 对应上面创建的配置文件路径

const desktopTabs = [
    { label: i18n.t('header.hello-world') }
];

export { desktopTabs };

额外注意事项 #

• 确保global.json的文件路径正确，避免因路径错误导致资源加载失败。
• 如果项目中使用异步方式加载翻译资源（比如从后端获取），需要确保资源加载完成后再调用t()方法。可以通过i18next.ready().then(() => { /* 执行依赖翻译的代码 */ })处理异步场景。
• 若使用了自定义命名空间，需要在t()方法中指定命名空间，比如i18n.t('header.hello-world', { ns: 'global' })，同时在初始化时配置对应的命名空间资源。

内容的提问来源于stack exchange，提问作者Bruno Franchini