具有组件i18next的React翻译不应用来自后端的响应

Question

嗨，我在i18next的项目中使用了React翻译。 我需要从后端加载json数据。 我发现了这个https://github.com/i18next/i18next-xhr-backend 。 但是，当我将其命名为console时，请告诉我i18next::translator: missingKey en translation Sign in Sign in ，但是在调试中我得到了正确的响应。 我只是这样在index.js中导入i18next->

import i18n from "./core/i18n";

这是我的i18n

import i18n from "i18next";
import { reactI18nextModule } from "react-i18next";
import backend from "i18next-xhr-backend";

18n
.use(backend)
.use(reactI18nextModule) // passes i18n down to react-i18next
.init({
    backend: {
        loadPath         : process.env.API_URL + '/api/dictionaries/',
        allowMultiLoading: false,
        crossDomain      : false
    },
    lng: "en",
    fallbackLng: "en",

    keySeparator: false, // we do not use keys in form messages.welcome

    interpolation: {
        escapeValue: false // react already safes from xss
    },
    debug: true,
    react: {
        wait: true
    }
});

你能帮我吗？ 我不知道我在做什么错。

谢谢😎

解决：我用crossDomain: true修复了这个crossDomain: true和文件响应必须只是将单词翻译成实际的语言。 例如， Login: Login不是en.translation.Login: Login

祝你有美好的一天

Answer 1

我有一个略有不同但仍然相关的问题，我必须指定keySeparator: false因为我的翻译文件密钥是字符串而不是嵌套的对象： https : //github.com/i18next/react-i18next/issues/747