Html 在单独的json文件中使用翻译是否需要i18next xhr后端？

我正在纯html网站中使用i18next

以下是错误消息：

i18next:：translator:missingKey英语翻译标题

代码如下：

 ///multilng.js
(function () {


i18next
.init({
    "debug": true,
    "lng": "en",
    "ns": [
      "translation"
    ],
    "fallbackLng": false,
    "keySeparator": false,
    "nsSeparator": false,
    resources: {
      "backend": {
        "loadPath": "../locales/{{lng}}/{{ns}}.json"
      }
    }
  }, function(err, t) {
   console.log(err);
 });

  function changeLng(lng) {
    i18next.changeLanguage(lng);
  }

  i18next.on('languageChanged', () => {
    updateContent();
  });

  updateContent();
})();

function updateContent() {
  var title = i18next.t("title");
  $("#logo.dark-logo").html(title);
}

以下是项目结构：

以下是我引用js文件的方式：

<script type='text/javascript' src='js/vendor/jquery-1.12.4.min.js'></script>
<script type='text/javascript' src="js/vendor/i18next.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-i18next/1.1.0/jquery-i18next.min.js"></script>
<script type='text/javascript' src='js/i18nextXhr.js'></script>
<script type='text/javascript' src='js/main.js'></script>
<script type='text/javascript' src='js/multilng.js'></script>

---

如果您想通过xhr加载它们-是。还有其他选项，如捆绑它们或自定义后端，列表是无止境的：

或者创建自己的实现：

---

我在您的选项中发现的一个错误配置是，后端选项嵌套在资源中……这些选项应该位于顶层，如果您想加载它们，请不要在init上添加资源。

感谢jamuhl，正如您看到的项目结构一样，我在项目中有这2个json文件，因此我不需要进行任何xhr调用来获取它们。我所需要做的就是将我的翻译加载到不同的文件中。请帮忙嗨Jamuhl，你能不能也在这件事上花点时间？谢谢，您可以直接在init上将它们作为options.resources导入，或者使用函数：来包含它们

{
    "title":"My Studio",
    "slogan":"Your expert."
}