从i18next中解构t方法报错无法使用，请问有什么可行解决方案？

错误原因 #

i18next 的 t 翻译方法内部依赖 this 指向当前 i18next 实例，用来获取 translator 实例、当前语言、翻译资源等核心运行时信息。直接解构导入会丢失方法的 this 绑定，Node.js 环境下 CommonJS 模块默认运行在严格模式，此时丢失绑定的方法内部 this 为 undefined，就会抛出 TypeError: Cannot read property 'translator' of undefined 错误。

可行替代方案 #

方案1：手动绑定t方法的this指向 #

导入i18next后手动将t方法绑定到i18next实例上，即可直接调用：

const i18next = require("i18next")
// 完成你的i18next初始化逻辑
i18next.init({ /* 你的配置项 */ })
const t = i18next.t.bind(i18next)

// 直接调用即可
console.log(t("key"))

方案2：封装为全局通用工具模块（推荐中大型项目使用） #

将i18next初始化和t方法绑定逻辑封装为独立的公共模块，项目内所有需要使用翻译的地方直接导入绑定好的t方法即可，无需重复处理绑定逻辑：

1. 新建utils/i18n.js工具文件：

// utils/i18n.js
const i18next = require("i18next")

// 在这里统一完成i18next初始化
i18next.init({
  lng: 'zh-CN',
  resources: {
    // 你的翻译资源配置
  }
  // 其余你的原有配置项
})

// 导出绑定好的t方法和i18next实例
const t = i18next.t.bind(i18next)
module.exports = { t, i18next }

2. 业务文件中直接导入使用：

const { t } = require("./utils/i18n")
console.log(t("key"))

方案3：使用箭头函数包装 #

如果仅需要在单个文件内简化调用，也可以用箭头函数包装一层，保留对i18next实例的引用：

const i18next = require("i18next")
i18next.init({ /* 你的配置项 */ })
const t = (key, options) => i18next.t(key, options)

console.log(t("key"))

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