title: Unexpected value ' ' imported by the module ' '. Please add a @NgModule annotation
body: <p>I'm doing this tutorial: <a href="https://youtu.be/qs2n_poLarc?list=WL" rel="noreferrer">https://youtu.be/qs2n_poLarc?list=WL</a> and am trying to learn ionic framework.</p>
  
  <p>The problem is the tutorial is (from what I read) a little outdated. Author of the video used the <code>import { HttpModule } from "@angular/http</code>, but I read on StackOverflow that I should use <code>import { HttpClient } from "@angular/common/http";</code>.</p>
  
  <p>The problem is when I try to compile the code I get this error: <code>Unexpected value 'HttpClient' imported by the module 'AppModule'. Please add a @NgModule annotation.</code>. Now I have no idea where I should add it, because my <code>app.module.ts</code> looks like this:</p>
  
  <pre><code>import { NgModule, ErrorHandler } from "@angular/core";
  import { BrowserModule } from "@angular/platform-browser";
  import { IonicApp, IonicModule, IonicErrorHandler } from "ionic-angular";
  import { MyApp } from "./app.component";
  import { HttpClient } from "@angular/common/http";
  
  import { AboutPage } from "../pages/about/about";
  import { ContactPage } from "../pages/contact/contact";
  import { HomePage } from "../pages/home/home";
  import { TabsPage } from "../pages/tabs/tabs";
  import { SettingsPage } from "../pages/settings/settings";
  
  import { StatusBar } from "@ionic-native/status-bar";
  import { SplashScreen } from "@ionic-native/splash-screen";
  import { WeatherProvider } from "../providers/weather/weather";
  
  @NgModule({
    declarations: [
      MyApp,
      AboutPage,
      ContactPage,
      HomePage,
      TabsPage,
      SettingsPage
    ],
    imports: [BrowserModule, IonicModule.forRoot(MyApp), HttpClient], //Added it right here
    bootstrap: [IonicApp],
    entryComponents: [
      MyApp,
      AboutPage,
      ContactPage,
      HomePage,
      TabsPage,
      SettingsPage
    ],
    providers: [
      StatusBar,
      SplashScreen,
      { provide: ErrorHandler, useClass: IonicErrorHandler },
      WeatherProvider,
      HttpClient
    ]
  })
  export class AppModule {}
  </code></pre>
  
  <p>Any idea what I'm missing here? I found <a href="https://stackoverflow.com/questions/47109411/unexpected-value-imported-by-the-module-please-add-a-ngmodule-annotation">this</a> answer but I cannot find the solution there.</p>