Dynamic import fails in folder

[lonelil]

I am currently using i18next-resources-to-backend and here's my code

i18n
  .use(initReactI18next)
  .use(LanguageDetector)
  .use(
    resourcesToBackend((language, namespace, callback) => {
      import(`./assets/locales/${language}/${namespace}.json`)
        .then((resources) => {
          console.log(
            `loaded ${`./assets/locales/${language}/${namespace}.json`}`,
            resources
          );
          callback(null, resources);
        })
        .catch((error) => {
          console.log(error);
          callback(error, null);
        });
    })
  )
  

and for some add reasons, the files in the folders are failing to load under Unknown variable dynamic import.

[chenxch]

My approach is to use the import.meta.glob() method to get the modules first, and then go to the modules to get the corresponding import to execute according to the actual needs.

e.g.

const modules = import.meta.glob('./assets/locales/**/*.json')

modules[`./${language}/${namespace}.json`]()

[m-shum]

For some reason trying to access modules using a variable for the key breaks for me. For example if I try modules[/some/dir/${file}.ext] it'll assume I'm trying to access modules.file. Only works if I pass in a string literal. It's making me feel absolutely insane because it should work but doesn't.