I've configured the i18n middleware in my Express Node js server as follows:
// server.js
import i18nMiddleware from 'i18next-express-middleware';
import i18n from 'i18next';
import Backend from 'i18next-node-fs-backend';
import { LanguageDetector } from 'i18next-express-middleware';
i18n
.use(Backend)
.use(LanguageDetector)
.init({
whitelist: ['en', 'my'],
fallbackLng: 'en',
// have a common namespace used around the full app
ns: ['common'],
defaultNS: 'common',
debug: false,
backend: {
loadPath: './locales/{{lng}}/{{ns}}.json',
// jsonIndent: 2
}
});
app.use(i18nMiddleware.handle(i18n))
This is the translation testing file:
// test.js
import i18next from "i18next";
const test = (req, res) =>{
const t = req.i18n.t.bind(i18next);
console.log(req.i18n.language) // language set correctly :)
console.log(t('title')) // translation not working :(
}
The translation for title in English is title and in Malaysian, it's tajuk
According to the express middleware documentation, I'm sending my as the accept-language header, and console.log(req.i18n.language) is correctly displaying it.
However, console.log(t('title')) still shows title instead of tajuk