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();
    })
});

这是语言环境/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'未在插件初始化中实现

1 个答案: