i18next 'resGetPath' 未在插件初始化中实现

Question

我想用这个项目存储 translation.json 个文件，并让 in18next 访问它们。不幸的是，我似乎无法正确实现 resGetPath 属性。当我用 resources 对象初始化插件时，它工作正常。我猜 json 文件的路径或结构有问题，但我似乎无法在 SO 或 i18next 的任何论坛上找到类似的问题（大多数人都有更大的项目只需从服务器中拉出）。我想根据用户选择的任何语言环境简单地引用本地翻译文件。感谢您的宝贵时间 =)。

这是 translation.js 的代码，可以很好地加载到 index.html 中：

$(document).ready(function() {
  i18next.init({
    lng: 'en', 
    // resources: { 
    //   en: {
    //     translation: {
    //       nav: {
    //         newInvoice: 'Hakuna Matata'
    //       }
    //     }
    //   }
    // },
    resGetPath:'../locales/{{lng}}/translation.json',
  }, function (err, t) {
      jqueryI18next.init(i18next, $, {
        tName: 't', // --> appends $.t = i18next.t
        i18nName: 'i18n', // --> appends $.i18n = i18next
        handleName: 'localize', // --> appends $(selector).localize(opts);
        selectorAttr: 'data-i18n', // selector for translating elements
        targetAttr: 'i18n-target', // data-() attribute to grab target element to translate (if diffrent then itself)
        optionsAttr: 'i18n-options', // data-() attribute that contains options, will load/set if useOptionsAttr = true
        useOptionsAttr: false, // see optionsAttr
        parseDefaultValueFromContent: true
      });

      $('#tempTarget').localize();
    })
});

这里是 locales/en/translations.js:

{
  "nav": {
    "newInvoice": "somethaaaang"
  }
}

这是我的目录：

index.html
locales
   en
      translation.json

这是 html 中正确定位到 resources 对象而不是 reGetPath 属性的行：

<a href="/new-invoice/" data-i18n='nav.newInvoice' id='tempTarget' class="panel-close">New Invoice</a>

Answer 1

resGetPath 来自过去的 1.x.x 天...现在看看插件：https://www.i18next.com/overview/plugins-and-utils#backends

你的情况 https://github.com/i18next/i18next-xhr-backend ---> i18next.use(XHR)

您搜索的选项是backend.loadPath

i18next 'resGetPath' 未在插件初始化中实现

i18next 'resGetPath' not implementing in plugin initialization

javascript

json

path

internationalization

i18next