Custom localePath is not work when navigate or change language

I use next and express to create server. I use next-i18next to create multilingual web app. I have project structure

├── dist/      # Built files
├── public/    # Static files (locales)
└── src / 
    ├── component/      # Components
    ├── lib/            # Store i18n.js
    ├── pages/          # Pages
    └── server.js

And file i18n.js

const NextI18Next = require('next-i18next')

module.exports = new NextI18Next({
  localeSubpaths: true,
  otherLanguages: ['fr'],
  localePath: 'public/locales/'
})

Everything work fine on page start. But when I navigate to other page with Link provided by this lib or change language with i18n.changeLanguage(i18n.language === 'en' ? 'fr' : 'en')}. The new language is not loaded properly.

I found that the server is still try to download the locale files from /static/locales

[vimutti77]

I have found the solution. just use express.static to map static path to target path like

server.use('/static/', express.static(path.join(__dirname, '../public')))

And problem is now gone.

[kachkaev]

I’ve reflected on this problem in https://github.com/isaachinman/next-i18next/issues/42, which I’d like to discuss first before submitting the PRs with fixes 😉 I refer to localePath as pathToTranslations there. Will get back to you when I’ve got some time.