2017-07-28 20 views
6

'Http' türünde bir parametreye atanamaz Ben bir İyonik 2 mobil uygulaması geliştiriyorum ve ngx çevir çeviri özelliklerini kullanmak istiyorum. öğretici ardından , böyle uygulama modülünde gerekli dosyaları aktarıyorum: hata veriyor"Http" türünde bir argüman, İyonik ngx-çeviri

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' 

Ben beklediği paketlerin bir uyumsuzluk olduğunu düşünüyorum NGX-translate ama ne ve nasıl olduğunu anlayamıyorum. Benim @ açısal/http sürüm 4.3.2 Kimseye ne yapacağını bilen var mı?

cevap

18

sorun çakışma sürümü kaynaklanmaktadır, belki "@/http-yükleyici NGX-translate" bir "^ 1.0.2" sürümü yüklü kullanmayı deneyin önceki bir sürüm için. Endişelenme! Sadece yerine HttpClient kullanmak zorunda Http ..

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

'deps' sabit değerini değiştirmek ve modülünde HttpClientModule içe (veya app.module olarak) unutmayın
14

sizin fonksiyonu mevcuttur Hintçe 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 { } 
+0

öneriniz benim için çalıştı. Teşekkürler!!! –

+0

bir çekicilik gibi çalıştı, cevap olarak kabul edilmeli. –

+0

Bu kabul edilen cevap olmalı. Çalıştı, teşekkürler. –