Json file convertion to js chunk creates a sublevel: [lang]_default about angular-l10n HOT 2 CLOSED

Hi @johaven,

I assume you are using dynamic import as in the recent documentation example (I remind you here that it is just an example: implemeting L10nTranslationLoader you can load the file in the way you prefer).

Angular v17 uses esbuild by default. In newer bundlers, such as esbuild, vite, and rollupjs, the return value of a dynamic import is a javascript object.

Now in your example, you are using keys that are valid in a json, but are not valid in a javascript object, because they are not valid variable names.

You have two alternatives: implement a different loader, or import and transform the files by yourself, like this:

import it from '../i18n/it-IT/app.json';
import en from '../i18n/en-US/app.json';

@Injectable() export class TranslationLoader implements L10nTranslationLoader {

  public get(language: string, provider: L10nProvider): Observable<{ [key: string]: any }> {
    let data: any;
    switch (language) {
      case 'it-IT':
        data = it;
        break;
      default:
        data = en;
        break;
    }
    return of(JSON.parse(JSON.stringify(data)));
  }
}

and add "resolveJsonModule": true in tsconfig.

Hope this helps!

from angular-l10n.

@robisim74 thank you for your explanation :)

from angular-l10n.