No keys were found

I have tried following the stackblitz example but I get an error referring to missing keys. The following is one of them: WARNING(astro-i18next): missing translation key welcome.

astro-i18next.config.mjs

/** @type {import('astro-i18next').AstroI18nextConfig} */
export default {
  defaultLocale: "en",
  locales: ["en", "fr"],
  i18next: {
    // debug is convenient during development to check for missing keys
    debug: true,
    initImmediate: false,
    backend: {
      loadPath: './src/locales/{{lng}}.json',
    },
  },
  i18nextPlugins: { fsBackend: 'i18next-fs-backend' },
};

src/locales/en.json

{
    "pageTitle": "Welcome to Astro.",
    "welcome": "Welcome to <0>Astro</0>",
    "instructions": "Checkout the <0>src/pages</0> directory to get started.<1><2>Code Challenge:</2> Translate this page with your language of choice.",
    "cards": {
      "documentation": {
        "title": "Documentation",
        "body": "Learn how Astro works and explore the docs."
      },
      "integrations": {
        "title": "Integrations",
        "body": "Supercharge your projects with new frameworks and libraries."
      },
      "themes": {
        "title": "Themes",
        "body": "Explore a galaxy of community-built starter themes."
      },
      "chat": {
        "title": "Chat",
        "body": "Come and say hi to our amazing Discord community. ❤️"
      }
    }
}

[sNok3]

EDIT: I was able to make it work only after running i18n:generate. I might have missed it in the docs, but I didn’t know that I had to run that command in order to make it work!

[yassinedoghri]

Yes but also they are not working on local. It is requied to made some settings for my webpage

Sorry, I’m not sure to follow. What doesn’t work? The basics example works perfectly when I try it.