web-dev-qa-db-ja.com

タイプ 'Http'の引数は、Ionic ngx-translateのタイプ 'Http'のパラメーターに割り当てることができません

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です。

12
Adnan Senyurt

問題は競合バージョンによるものです。以前のバージョンでは関数を使用できますが、「@ ngx-translate/http-loader」の「^ 1.0.2」バージョンをインストールした可能性があります。心配しないで! Httpの代わりにHttpClientを使用するだけです。

'deps'定数の値を変更し、モジュール(またはapp.module)にHttpClientModuleをインポートすることを忘れないでください

don't forget to change the value of 'deps' constant and import the HttpClientModule in your module (or in your app.module)

37
Smaillns

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 { }
27
nqngo