Hola, estoy tratando de implementar Firestore en mi aplicación web, cuando agrego el servicio al constructor, aparece el error:
NullInjectorError: ¡No hay proveedor para TesteventService!
Estoy usando Angular 5, angularfire2/firestore y mecanografiado 2.7.1
testevent.service.ts
import { Injectable } from '@angular/core'; import { AngularFirestore } from 'angularfire2/firestore' @Injectable() export class TesteventService { constructor(private afs: AngularFirestore) { } addEvent(eventData){ this.afs.collection('testevent').add(eventData).then(() => { console.log('Done'); }) } getEvent(){ return this.afs.collection('testevent', ref => ref.orderBy('id')).valueChanges() } }componente.ts
import { Component, OnInit } from '@angular/core'; import { TesteventService } from '../../providers/testevent.service'; import { AngularFirestore } from 'angularfire2/firestore'; export class CsvImportComponent implements OnInit { data_rows = [] constructor(private event: TesteventService){})Cuando agrego eventos de TesteventSerivice, aparece el error, mientras que no se ejecuta nada.
Debe agregar TesteventService en proveedores en importaciones en su app.module.ts
providers: [ TesteventService ]Anote su clase de servicio con -
@Injectable({ providedIn: 'root' }) El servicio en sí es una clase que generó la CLI y está decorada con @Injectable() . De forma predeterminada, este decorador tiene una propiedad providedIn , que crea un proveedor para el servicio. En este caso, providedIn: 'root' especifica que Angular debe proporcionar el servicio en el inyector raíz.
Hay dos posibilidades para solucionar este problema:
imports: [ ], declarations: [ ], providers: [ TesteventService ]
@Injectable({ providedIn: 'root' })