У меня проблема с определением языка на основе пути, т.е. http://localhost:3000/en или http://localhost:3000/en/subpage должны перевести мою страницу на английский.Я могу перевести его, нажав кнопку, и вызвать i18n.changeLanguage ('en'), но детектор, кажется, не работает.
import i18n from "i18next";
import { reactI18nextModule } from "react-i18next";
import LngDetector from "i18next-browser-languagedetector";
import backend from "i18next-xhr-backend";
const detectionOptions = {
order: ['path', 'cookie', 'navigator', 'localStorage', 'subdomain', 'queryString', 'htmlTag'],
lookupFromPathIndex: 0
}
i18n
.use(LngDetector)
.use(backend)
.use(reactI18nextModule) // passes i18n down to react-i18next
.init({
ns: ['translation', 'main'],
defaultNS: 'translation',
lng: "pl",
fallbackLng: 'pl',
detection: detectionOptions,
keySeparator: false, // we do not use keys in form messages.welcome
interpolation: {
escapeValue: false // react already safes from xss
},
debug: true,
react: {
wait: true
}
}, (err, t) => {
if (err)
console.error(err)
});
export default i18n;