Storybook React项目i18n已初始化仍提示密钥缺失问题

你的问题核心在于i18next资源结构与命名空间配置不匹配，导致即使debug日志显示密钥存在，实际调用时仍无法找到正确的翻译路径。

具体问题分析 #

你配置了defaultNS: 'Common'和ns: ['Common']，但resources的结构却把Common嵌套在了默认的translation命名空间下：

resources: {
  en: {
    translation: { // 误用了默认命名空间，与你指定的defaultNS冲突
      'Common': {
        'OK': 'OK'
      }
    },
  }
}

当你调用t('Common:OK')时，i18next会尝试去en.Common.OK路径查找翻译，但你的实际翻译路径是en.translation.Common.OK，自然会提示密钥缺失。

修复步骤 #

调整resources的结构，直接将翻译内容挂载到指定的命名空间Common下，而非嵌套在translation中：

resources: {
  en: {
    Common: { // 直接使用配置的命名空间作为键
      'OK': 'OK'
    }
  }
}

额外验证点 #

• 你设置了keySeparator: false，这会导致:不会被解析为键分隔符，t('Common:OK')会被当作一个完整的键名。如果要保留「命名空间:键」的调用方式，需要将keySeparator恢复为默认值':'，或者改用t('OK', { ns: 'Common' })的调用形式。
• 检查fallbackLng对应的语言资源是否存在相同的结构问题，避免 fallback 时出现同样的缺失提示。

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