i18next не может потреблять перевод из службы
Я новичок в i18next.
Я пытаюсь использовать файлы перевода из конечной точки службы, она возвращает json (либо через браузер / почтальон).
{
"hello": "hello EN",
"stringInt": "hello{{string}} EN",
"currency": "€",
"selectYourLanguage": "Select your language"
}
Однако мое приложение их правильно использует,
i18next::translator: missingKey undefined translation hello hello
он также показывает "Не удалось загрузить данные ответа" при проверке сети с помощью инструмента отладки Chrome.
Это мой i18next.ts
import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import Backend from "i18next-http-backend";
// not like to use this?
// have a look at the Quick start guide
// for passing in lng and translations on init
i18n
// load translation using http -> see /public/locales (i.e. https://github.com/i18next/react-i18next/tree/master/example/react/public/locales)
// learn more: https://github.com/i18next/i18next-http-backend
.use(Backend)
// detect user language
// learn more: https://github.com/i18next/i18next-browser-languageDetector
.use(initReactI18next)
// init i18next
// for all options read: https://www.i18next.com/overview/configuration-options
.init({
fallbackLng: "en-us",
debug: true,
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
},
backend: {
loadPath:
"http://desktop-s6c8fgn:8597/localization/{{lng}}/{{ns}}.json",
requestOptions: {
// used for fetch, can also be a function (payload) => ({ method: 'GET' })
mode: "no-cors",
},
},
});
export default i18n;