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

Question

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

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

Answer 1

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

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你可以HttpClient从`@angular/common/http'导入并通过注入构造来使用它。

Answer 2

我可以看到你使用的是 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