StaticInjectorError(AppModule) Fehler
Ich erst gerade angefangen zu lernen, wie die Arbeit mit Winkel 2 und Ionischen 3.20.0 aber nun vor einer Herausforderung. Ich versuche, Anzeige Produkt-Bilder in meiner Homepage, aber die app wirft Fehler
FEHLER Error: Uncaught (Versprechen): Fehler: StaticInjectorError(AppModule)[HomePage -> ProductProvider]
Habe ich importiert die ProductProvider-service und it-Anbietern in meiner app.- Modul.ts-Datei.
import { ProductProvider } from '../providers/product/product';
@NgModule({
...
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler},
ProductProvider
]
Dies ist jetzt der Produkte.ts und zu Hause.ts-Dateien bzw.
Produkt.ts
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
@Injectable()
export class ProductProvider {
constructor(public http: HttpClient) {
console.log('Hello ProductProvider Provider');
}
getProducts(){
return this.http.get('/assets/data.json')
.map(response => response);
}
}
Hause.ts
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Http } from '@angular/http';
import "rxjs/add/operator/map";
import { ProductProvider } from '../../providers/product/product';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
public allProducts = [];
constructor(private productProvide: ProductProvider, private http: Http,
public navCtrl: NavController) {
}
ionViewDidLoad(){
this.productProvide.getProducts()
.subscribe((response) => {
this.allProducts = response;
});
}
}
Warum ist mein code werfen diesen Fehler?
InformationsquelleAutor Mena | 2018-03-21
Du musst angemeldet sein, um einen Kommentar abzugeben.
Erzeugen können Sie den provider mit dem Befehl:
Ionic-CLI generieren Sie alle notwendigen Dinge, die
Ja, ich simulieren Sie den Fehler. Tatsächlich haben Sie zum importieren von HttpClient und HttpHandler Anbieter, und fügen Sie in app.- Modul. Sie können import von "@eckig/common/http " und fügen Sie es in die Anbieter. Es funktionierte für mich. Hoffe, es hilft!
Schätzen Sie den Aufwand. Habe meine Lösung dort unten
InformationsquelleAutor Leonardo Gabriel
Ich nicht angeben, die Art wieder in getProducts () - Methode der ProductProvider also http-client angenommen, es war ein Objekt zurückgegeben wird, und den Fehler verursacht hat. Ich war in der Lage, es zu beheben, indem Sie hinzufügen [], um http-get-wie dies
return this.http.get<any[]>('/assets/data.json')
InformationsquelleAutor Mena