Does i18next work with vite react?

[RhysOwennn]

I'm getting an error. See my question on stackoverflow. Any help would be much appreciated. https://stackoverflow.com/questions/73080329/how-to-use-i18n-library-with-react-vite

[jamuhl]

do you get any other console output? current guess...

a) you forgot to import i18n.js
b) the path to load translations is set wrong (there is no folder locales in public)

[RhysOwennn]

Here's a log:

Failed to load resource: the server responded with a status of 404 (Not Found)
i18next.js:27 i18next::backendConnector: loading namespace translation for language en failed failed loading /locales/en/translation.json; status code: 404
output @ i18next.js:27
i18next.js:27 i18next: languageChanged en
i18next.js:27 i18next: initialized Object
2i18next.js:27 i18next::translator: missingKey en translation suche suche
2VM126:236 i18next::translator: missingKey en translation suche suche
2i18next.js:27 i18next::translator: missingKey en translation suche suche
2VM126:236 

Folder structure looks as follows

I import it here

Though I see it says:
Could not find a declaration file for module '../i18n'. i18n.js' implicitly has an 'any' type.

[jamuhl]

why common.json?

it says: i18next.js:27 i18next::backendConnector: loading namespace translation for language en failed failed loading /locales/en/translation.json

/locales/en/translation.json -> is looked from the root of your site...

[RhysOwennn]

I have both the files common.json, and translation.json

[jamuhl]

In the end - makes no difference...the files can't be reached from the browser...so this is no issue of i18next but your code...only you can solve that:

i18next.js:27 i18next::backendConnector: loading namespace translation for language en failed failed loading /locales/en/translation.json

is explicit error telling you what is wrong...and you should be able to solve this.

[RhysOwennn]

So you're saying the issue is with my pathing? Okay, I will look into it.

[jamuhl]

I saying that since the start of discussion...either is the path wrong or your dev server does not statically serve that folder inside public folder

[iannak]

Does i18n have to be at the root of the project? Does it work with TS or just JS?

[addayounes]

What is your vscode theme ?

[addayounes]

What is your vscode theme?

[fiqrisr]

what icon theme is that? @iannak

[iannak]

what icon theme is that? @https://marketplace.visualstudio.com/items?itemName=johnpapa.winteriscoming

[iannak]

What is your vscode https://marketplace.visualstudio.com/items?itemName=johnpapa.winteriscoming