Error "No provider for HttpClient" en Angular: causas y solución
¡Hola! Soy nuevo en Angular y TypeScript. Estoy intentando hacer una solicitud HTTP a una API en mi aplicación, pero al ejecutarla recibo el error:
```
NullInjectorError: No provider for HttpClient!
```
Aquí está mi código. El servicio `DataService`:
```typescript
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable()
export class DataService {
constructor(private http: HttpClient) {}
getPosts() {
return this.http.get('https://jsonplaceholder.typicode.com/posts');
}
}
```
El componente `AppComponent`:
```typescript
import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';
@Component({
selector: 'app-root',
template: '
{{ post.title }}
'
})
export class AppComponent implements OnInit {
posts: any[] = [];
constructor(private dataService: DataService) {}
ngOnInit() {
this.dataService.getPosts().subscribe((data: any) => {