Losing ngx-Translate translation while building with --Prod

Question

    // translate
    import { Globalization } from '@ionic-native/globalization';
    import { TranslateModule, TranslateLoader } from '@ngx-translate/core'; 
    import { TranslateHttpLoader } from '@ngx-translate/http-loader'; 

    export function createTranslateLoader(http: HttpClient) { 
      return new TranslateHttpLoader(http, './assets/i18n/', '.json'); 
    } 

    TranslateModule.forRoot({ 
      loader: { 
        provide: TranslateLoader, 
        useFactory: createTranslateLoader, 
        deps: [HttpClient] 
      } 
    }), 

I’m working on a project done on Ionic 3.

When I give one ionic cordova run android --livereload the translation works normally.

But when I use ionic cordova run android --prod or ionic cordova build android --prod translation no longer works, someone has already gone through this and could help me?

Answer 1

Below is an image of how the folder structure was made for translation.

As described in the Mports of the question, I use the Globalization to pick up the preferred language of the device and in another file I use the TranslateService

import { TranslateService } from "@ngx-translate/core";

const lang = TranslateService.getBrowserCultureLang()

The function getBrowserCultureLang give me browser preference...

Both give me the extension with the culture:

lang = 'en'

or

lang = 'en-US'

What was happening was that I passed the lang in function TranslateService.setDefaultLang(lang); the way he was delivered to me.

IS necessary passes the lang with all content in lower case.

ex: TranslateService.setDefaultLang(lang.toLowerCase())

lang = 'en'

or

lang = 'en-us'