'Http' 类型的参数不可分配给 Ionic ngx-translate 中 'Http' 类型的参数

Question

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

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

尝试使用 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 { }

Answer 2

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

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

'Http' 类型的参数不可分配给 Ionic ngx-translate 中 'Http' 类型的参数

Argument of type 'Http' is not assignable to parameter of type 'Http' in Ionic ngx-translate

http

ionic-framework

ngx-translate