Angular 4 上的 NGX-Translate，错误“返回新的 TranslateHttpLoader(http, './assets/i18n/', '.json');”答案

【问题标题】：NGX-Translate on Angular 4, ERROR ON "return new TranslateHttpLoader(http, './assets/i18n/', '.json');"Angular 4 上的 NGX-Translate，错误“返回新的 TranslateHttpLoader(http, './assets/i18n/', '.json');”
【发布时间】：2017-07-31 10:16:10
【问题描述】：

我已经通过 Google 和 Stackoverflow 寻找答案，但没有找到解决方案。

我遵循了website的指示

我的步骤：

1) 使用 ng new NGXTest 创建了一个 Angular 4 项目。

2)在项目文件夹内，执行：

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

3) 添加导入：

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

4) 添加到app.module.ts 下一行：

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

这是问题开始的时候。

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

如果我继续学习本教程，我还会在 Git 终端中遇到其他错误。

【问题讨论】：

标签： angular internationalization ngx-translate

【解决方案1】：

试试这个：

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

假设工作。

【讨论】：

非常感谢，昨天我解决了这个问题，我把我的错误解释下来。我给了你 +1 票，但我还没有声望：D

【解决方案2】：

我已经解决了这个问题，我会解释我的错误。

我按照官网教程：http://www.ngx-translate.com/

但我没有做好。

有 2 个库，必须安装： -核 -http-loader

我都安装了，但没有包含 http-loader 的代码行。

正确地遵循说明就足够了，而且并不难。

感谢大家的帮助。很抱歉让您耽误了时间。

【讨论】：