title: No provider for Camera! injectionError
body: <p>I am a beginner in Ionic 2. I would like to use the camera in Ionic. I followed <a href="https://ionicframework.com/docs/native/camera/" rel="noreferrer">https://ionicframework.com/docs/native/camera/</a> tutorial. 
  I have already installed the <code>cordova-plugin-camera</code> plugin and installed ionic-native/camera using cli code.</p>
  
  <p>While I serve the project it shows Runtime Error:</p>
  
  <blockquote>
    <p>Uncaught(in promise):Error: No provider for Camera! injectionError</p>
  </blockquote>
  
  <p>I am sending the app.module.ts, html page, and type script page. Please have a look.</p>
  
  <p><strong>app.module.ts</strong></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 { HttpModule } from '@angular/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 { StatusBar } from '@ionic-native/status-bar';
  import { SplashScreen } from '@ionic-native/splash-screen';
  import { CameraExamplePage } from "../pages/camara-example/camara-example";
  
  @NgModule({
    declarations: [
      MyApp,
      AboutPage,
      ContactPage,
      HomePage,
      TabsPage,
      CameraExamplePage
    ],
    imports: [
      BrowserModule,
      HttpModule,
      IonicModule.forRoot(MyApp)
    ],
    bootstrap: [IonicApp],
    entryComponents: [
      MyApp,
      AboutPage,
      ContactPage,
      HomePage,
      TabsPage,
      CameraExamplePage
    ],
    providers: [
      StatusBar,
      SplashScreen,
      {provide: ErrorHandler, useClass: IonicErrorHandler}
    ]
  })
  export class AppModule {}
  </code></pre>
  
  <p><strong>Camera Take Html Page</strong></p>
  
  <pre><code>&lt;ion-header&gt;
  
  
    &lt;ion-navbar&gt;
  
     &lt;ion-title&gt;camaraExample&lt;/ion-title&gt;
    &lt;/ion-navbar&gt;
  
  &lt;/ion-header&gt;
  
  
  &lt;ion-content padding&gt;
  
     &lt;button ion-button color="dark" (click)="takePhoto()" &gt; Take Photo 
     &lt;/button&gt;
     &lt;img [src]="imageURL" *ngIf="imageURL"&gt;
  
   &lt;/ion-content&gt;
  </code></pre>
  
  <p>**TypeScript File **</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { IonicPage, NavController, NavParams } from 'ionic-angular';
  import { Camera, CameraOptions } from '@ionic-native/camera'
  
  @IonicPage()
   @Component({
               selector: 'page-camara-example',
               templateUrl: 'camara-example.html',
              })
   export class CameraExamplePage {
   imageURL
  
   constructor(public navCtrl: NavController, public navParams: NavParams, public camera: Camera) {
   }
   ionViewDidLoad() {
      console.log('ionViewDidLoad CameraExamplePage');
   }
  
    takePhoto()
    {
      const options: CameraOptions = {
      quality: 100,
      destinationType: this.camera.DestinationType.DATA_URL,
      encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.PICTURE
    }
  
    this.camera.getPicture(options).then((imageData) =&gt; {
    // imageData is either a base64 encoded string or a file URI
    // If it's base64:
    //let base64Image = 'data:image/jpeg;base64,' + imageData;
  
    this.imageURL = imageData
  
  
    }, (err) =&gt; {
    // Handle error
    });
  
   }
  
  
  }
  </code></pre>