Angular 从 v4 升级到 v5 后，无法从“@angular/common/http”导入“httpclient”答案

【问题标题】：Can’t import ‘httpclient’ from ‘@angular/common/http’ after Angular upgraded from v4 to v5Angular 从 v4 升级到 v5 后，无法从“@angular/common/http”导入“httpclient”
【发布时间】：2018-04-22 06:40:57
【问题描述】：

在将 Angular 从版本 4 升级到版本 5 后，我遇到了问题。我不能再使用 httpclient。

这里是我的 npm 包列表和package.json 文件内容的屏幕截图：

【问题讨论】：

标签： angular httpclient angular-upgrade

【解决方案1】：

我可以看到你使用的是 vs2017

这样做

打开 cmd 并输入 cd 'location_of_your_project'

然后输入这个

npm install @angular/common@5.0.0 @angular/compiler@5.0.0 @angular/compiler-cli@5.0.0 @angular/core@5.0.0 @angular/forms@5.0.0 @angular/http@5.0.0 @angular/platform-browser@5.0.0 @angular/platform-browser-dynamic@5.0.0 @angular/platform-server@5.0.0 @angular/router@5.0.0 @angular/animations@5.0.0 --save-dev

【讨论】：

【解决方案2】：

在app.module.ts 中从@angular/common/http 导入HttpClientModule 像这样：

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

import { AppComponent } from './app.component';

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

然后在您的component 或service 中，您可以从`@angular/common/http' 导入HttpClient 并通过注入构造来使用它。

【讨论】：