找不到模塊：錯誤：無法解析“@angular/http”？

Question

Module not found: Error: Can't resolve '@angular/http' even i used import {HttpClientModule} from '@angular/common/http';

Answer 1

在根 AppModule 中

import { BrowserModule }    from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';

@NgModule({
  imports: [
    BrowserModule,
    // import HttpClientModule after BrowserModule.
    HttpClientModule,
  ],
  declarations: [
    AppComponent,
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule {}

在您的服務中

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class ConfigService {
    constructor(private http: HttpClient) { }

    getConfig() {
        return this.http.get(this.configUrl);
    }
}

在你的組件中

showConfig() {
  this.configService.getConfig()
    .subscribe((data: any) => {
        // response...
    });
}

---

https://angular.io/guide/http

---

Answer 2

import { HttpModule } from '@angular/http'; -不工作

試試下面的 -

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

...
imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule
  ],
...

這對我有用。

Answer 3

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