0

Tengo problema para importar la librería HttpClient. Revisé la versión que tengo instalada y es Angular 6, ¿se puede hacer algo para 'rebajar' a Angular 4.3?

Espero sus respuestas.

8
  • Tenés que borrar toda la carpeta node_modules, actualizar la versión de angular en el package.json y correr npm install. Pero... Si pudieras reparar el problema para importar seria mejor, asi tendrás la versión actualzada. Cual es el error ?
    – Nery Ortez
    Commented el 8 ago. 2018 a las 21:01
  • Mi problema es que ni siquiera me deja poner "HttpClient", sólo me marca error y me dice "Quitar importación"
    – Yarizza
    Commented el 8 ago. 2018 a las 21:12
  • Estas haciendo la importación ??? (Ej. import import { HttpClient } from '@angular/common/http';)
    – Nery Ortez
    Commented el 8 ago. 2018 a las 21:16
  • Sí, pero no me permite importarla, me marca un error. Como si le faltara ese componente.
    – Yarizza
    Commented el 8 ago. 2018 a las 21:18
  • En Angular 6 no hay problema con importar esa librería.... Seguramente te lo marca en gris porque la estás importando pero no la estas usando... Asegurate de usarlo en el constructor ( constructor(private http: HttpCliente) ...)
    – Nery Ortez
    Commented el 8 ago. 2018 a las 21:24

4 respuestas 4

1

Cómo la estás importando?

Para poder importarla, antes tienes que importar HttpClientModule en tu app.module.ts.

import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';

Algo así puede servirte.

Luego ya puedes importar HttpClient, por ejemplo, en algún servicio, así:

import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';

Y más abajo en el mismo servicio algo similar a:

export abstract class ApiService<T>  {
    protected headers = new HttpHeaders({ 'Content-Type': 'application/json' });
    protected httpClient: HttpClient;

    constructor(protected injector: Injector) {
        this.httpClient = injector.get(HttpClient);
    }
  //Todo el resto...
  //Ya podrías hacer métodos como este ejemplo:
      protected get(url, params=null)  {
        return this.httpClient.get(url + this.queryParams(params), { headers: this.headers })
                              .map((res: Response)  => { return res; })
                              .catch(err => { return this.handleErrors(err); });
  }
}
1
  • Intento consumir un webservice, y para ello necesito importar. Al momento de ponerla en el documento "import { HttpClient, HttpHeaders } from '@angular/common/http';" sólo me marca en gris y me impide acceder.Investigué un poco y vi que es por la versión. Sólo tengo una duda, ¿angular 6 no debería permitirla, ya que es una versión superior a angular 4?
    – Yarizza
    Commented el 8 ago. 2018 a las 21:15
1

Si compila bien tu codigo (ng serve // npm start), puede que sea un error de referencia en tu IDE, prueba cerrando y volviendo abrir tu IDE.

Siempre en cuando hayas referenciado en tu module.ts:

import { HttpClientModule } from '@angular/common/http';

y en tu ...component.ts

import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';

En caso contrario, copia el error que sale en tu browser para poder ayudarte.

0

Pudiste solucionar el problema, me pasa lo mismo cada vez que creo un proyecto de Angular no tengo la librerias de HttpClient.

0

deveras declarar el httpmodule en el modulo principal introducir la descripción de la imagen aquí

con eso ya podrás utilizar HTTPCLIENT

introducir la descripción de la imagen aquí introducir la descripción de la imagen aquí

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.