NGX-Traduire sur angulaire 4, ERREUR ON "return new TranslateHttpLoader (http, './assets/i18n/', '.json');"

Question

J'ai cherché des réponses sur Google et Stackoverflow, mais je n'ai pas trouvé de solution.

J'ai suivi les instructions des website

Mes pas:

1) Création d'un projet 4 angulaire à l'aide ng new NGXTest.

2) A l'intérieur du dossier du projet, exécuté:

npm install @ngx-translate/core --save 
npm install @ngx-translate/http-loader --save 

3) les importations Ajouté:

import { HttpModule, Http } from '@angular/http'; 
import { TranslateModule, TranslateLoader } from '@ngx-translate/core'; 
import { TranslateHttpLoader } from '@ngx-translate/http-loader';` 

4) Ajouté à app.module.ts ligne suivante:

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

Et voici quand le problème commence.

Error in Visual Studio Code, Web executing, and in Git terminal

Et si je continue avec le tutoriel, je reçois également d'autres erreurs dans le terminal Git.

Answer 1

J'ai déjà résolu le problème, et je vais expliquer mon erreur.

J'ai suivi tutoriel sur le site officiel: http://www.ngx-translate.com/

Mais je ne le faisais pas correctement.

Il y a 2 bibliothèques, qui doivent être installés: -core -http-chargeur

J'ai installé à la fois, mais ne mentionnaient pas les lignes de code pour http-chargeur.

Suivre correctement les instructions suffit et n'est pas difficile.

Merci pour toute l'aide. Et je suis désolé de vous avoir fait perdre du temps.

Answer 2

Essayez ceci:

@NgModule({ 
    imports: [ 
     BrowserModule, 
     HttpModule, 
     TranslateModule.forRoot({ 
      provide: TranslateLoader, 
      useFactory: (http: Http) => new TranslateStaticLoader(http, './assets/i18n', '.json'), 
      deps: [Http] 
     }) 
    ], 
    exports: [BrowserModule, HttpModule, TranslateModule], 
}) 

On suppose de travailler.