Я пытаюсь настроить i18next в моем приложении. Я могу получить traductions, используя ловушку с useTranslation, но когда я пытаюсь запросить неизвестную traduction, я получаю ошибку 404.
i18nextXHRBackend. js: 92 POST> http://localhost: 3001 / locales / add / en / common 404 (не найдено)
Я использую npm run start
для теста.
Мой i18n. js
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import Backend from 'i18next-xhr-backend';
import LanguageDetector from 'i18next-browser-languagedetector';
i18n
.use(Backend)
.use(LanguageDetector)
.use(initReactI18next)
.init({
fallbackLng: 'en',
debug: true,
saveMissing: true,
backend:{
loadPath: '/locales/{{lng}}/{{ns}}.json',
addPath: '/locales/add/{{lng}}/{{ns}}',
},
interpolation: {
escapeValue: false,
}
});
экспорт по умолчанию i18n;
Моя структура каталогов
public/locales
add
en
common
translation
en
common.json
translation.json
Мой индекс. js
import React, {Suspense} from 'react';
import {Provider} from "react-redux";
import {configureStore} from "./redux";
import ReactDOM from 'react-dom';
import App from './erlo/App';
import * as serviceWorker from './serviceWorker';
import './index.css';
import './i18n';
const store = configureStore();
ReactDOM.render((<Provider store={store}><Suspense fallback="loading"><App/></Suspense> </Provider>), document.getElementById('root'));
serviceWorker.unregister();