loadLocaleFrom() crashes the Node@16

[crs1138]

Goal

I'm trying to change the location of the locales using the loadLocaleFrom() function. My experiment is based within the scope of the examples/with-app-directory example.

Error

When I start the dev server and try to access any of the pages, I end up with the following error.

Code

You can see my code at https://github.com/crs1138/next-translate/tree/load-locale-from

And the snippet of the i18n.json including the loadLocaleFrom() function:

module.exports = {
  locales: ['en', 'ca', 'es', 'cs'],
  defaultLocale: 'en',
  pages: {
    '*': ['common'],
    '/[lang]': ['home'],
    '/[lang]/second-page': ['home'],
    '/[lang]/[slug]': ['home'],
  },
  loadLocaleFrom: (locale, namespace) => {
    const i18nLocale = `./honza/${locale}/${namespace}.json`
    console.log('i18n.js > loadLocaleFrom() :::', { i18nLocale })

    return import(i18nLocale)
      .then((m) => m.default)
      .catch((e) => console.error(e))
  },
}

[crs1138]

After running some more test, I discovered:

1. This happens on Node@18 too.
2. It does not crash if the loadLocaleFrom() has no body but directly returns the promise. (say what?!)

Somehow this works fine (I can't comprehend what's going on here, why is this different???):

module.exports = {
  locales: ['en', 'ca', 'es', 'cs'],
  defaultLocale: 'en',
  pages: {
    '*': ['common'],
    '/[lang]': ['home'],
    '/[lang]/second-page': ['home'],
    '/[lang]/[slug]': ['home'],
  },
  loadLocaleFrom: (locale, namespace) =>
    import(`./honza/${locale}/${namespace}.json`)
      .then((m) => m.default)
      .catch((e) => console.error(e)),
  // loadLocaleFrom: (locale, namespace) => {
  //   const i18nLocale = `./honza/${locale}/${namespace}.json`
  //   console.log('i18n.js > loadLocaleFrom() :::', { i18nLocale })
  //   return import(i18nLocale)
  //     .then((m) => m.default)
  //     .catch((e) => console.error(e))
  // },
}

[crs1138]

The culprit seems to be the parameter of the import() function, as the following code works.

module.exports = {
  locales: ['en', 'ca', 'es', 'cs'],
  defaultLocale: 'en',
  pages: {
    '*': ['common'],
    '/[lang]': ['home'],
    '/[lang]/second-page': ['home'],
    '/[lang]/[slug]': ['home'],
  },
  loadLocaleFrom: (locale, namespace) => {
    console.log('i18n.js > loadLocaleFrom() :::', { i18nLocale })

    return import(`./honza/${locale}/${namespace}.json`)
      .then((m) => m.default)
      .catch((e) => console.error(e))
  },
}