javascript - i18next 显示键而不是值

Question

我在 /locales/en/ 中有 translation.json 文件

{
    "app": {
        "name": "Example App"
    }
}

在 html 中，我有:

<a href="/" data-i18n="app.name">

在 js 中:

$(document).ready(function() {

    var language_complete = navigator.language.split("-");
    var language = (language_complete[0]);

    console.log('language', language);

    $.i18n.init({
        lng: language,
        fallbackLng: false,
        debug: false
    }, function() {
        $('a').i18n();
    });
});

它显示了 app.name 而不是 Example App。我在我的代码中遗漏了什么？谢谢

Answer 1

从 i18next V2 开始，后端 不再提供开箱即用的 ( see the migration guide )，因此您需要在初始化 block :

backend: {
    loadPath: '/locales/{{lng}}/{{ns}}.json'
},

如果您不这样做，您的资源将不会被加载，并且翻译值将回退到它们各自的键(see the source code)。