Angular中“No provider for HttpClient”错误:原因与修复
大家好!我是Angular和TypeScript的新手。我正在创建一个简单的应用程序,它应该通过HTTP从服务器获取数据。我使用Angular CLI生成了一个服务,并在其中添加了HttpClient。但是当我运行应用程序时,浏览器控制台中出现错误:
```
NullInjectorError: No provider for HttpClient!
```
我的服务看起来像这样(文件 `data.service.ts`):
```typescript
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class DataService {
constructor(private http: HttpClient) { }
getUsers() {
return this.http.get('https://jsonplaceholder.typicode.com/users');
}
}
```
而使用该服务的组件(文件 `app.component.ts`):
```typescript
import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['.