http - “Http”类型的参数不能分配给 Ionic ngx-translate 中“Http”类型的参数

Question

我正在开发一个 Ionic 2 移动应用程序并想使用 ngx-translate 功能。按照教程，我在 app 模块中导入必要的文件，如下所示：

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

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

这给出了错误：

 Argument of type 'Http' is not assignable to parameter of type 'Http'.
 Property 'handler' is missing in type 'Http'

我认为 ngx-translate 期望的包不匹配，但我不知道是什么以及如何。我的@angular/http 版本是 4.3.2 有人知道该怎么做吗？

Answer 1

问题是由于版本冲突，也许您安装了“@ngx-translate/http-loader”的“^1.0.2”版本，尽管您的功能可用于以前的版本。不用担心！你只需要使用 HttpClient 而不是 Http ..

不要忘记更改“deps”常量的值并将 HttpClientModule 导入您的模块（或您的 app.module）中

Answer 2

尝试使用 HttpClient

import {HttpClientModule, HttpClient} from '@angular/common/http';
import {TranslateModule, TranslateLoader} from '@ngx-translate/core';
import {TranslateHttpLoader} from '@ngx-translate/http-loader';
import {AppComponent} from "./app.component";

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

@NgModule({
    declarations: [
        AppComponent
      ],
    imports: [
        BrowserModule,
        HttpClientModule,
        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: HttpLoaderFactory,
                deps: [HttpClient]
            }
        })
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }