# Camera ionic 3 framework

**URL:** <https://forum.ionicframework.com/t/camera-ionic-3-framework/154704>\
**Category:** Ionic Native\
**Created:** [January 30, 2019, 10:19am UTC](https://forum.ionicframework.com/t/camera-ionic-3-framework/154704 "2019-01-30T10:19:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Z3-R0](https://avatars.discourse-cdn.com/v4/letter/z/f07891/32.png) [@Z3-R0](https://forum.ionicframework.com/u/Z3-R0)\
**Post date:** [January 30, 2019, 10:19am UTC](https://forum.ionicframework.com/t/camera-ionic-3-framework/154704/1 "2019-01-30T10:19:33Z")

</div>

Could somebody explane me how to implement a camera in my App?  
I use Ionic 3 in VS Code.

---

<div class="post-metadata">

**Author:** ![OliverPrimo](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/oliverprimo/32/121442_2.png) [@OliverPrimo](https://forum.ionicframework.com/u/OliverPrimo)\
**Post date:** [January 30, 2019, 10:24am UTC](https://forum.ionicframework.com/t/camera-ionic-3-framework/154704/2 "2019-01-30T10:24:01Z")

</div>

You can use the **cordova-plugin-camera**. Refer to this demo [https://www.freakyjolly.com/use-native-device-camera-ionic-3-application/#more-1274](https://www.freakyjolly.com/use-native-device-camera-ionic-3-application/#more-1274) 😊

---

<div class="post-metadata">

**Author:** ![Z3-R0](https://avatars.discourse-cdn.com/v4/letter/z/f07891/32.png) [@Z3-R0](https://forum.ionicframework.com/u/Z3-R0)\
**Post date:** [January 30, 2019, 10:48am UTC](https://forum.ionicframework.com/t/camera-ionic-3-framework/154704/3 "2019-01-30T10:48:36Z")

</div>

Thank you I did it like this but it still gives me errors. For example in the app.module.ts when i add ‘Camera’ in the ‘providers’ section its an error  
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 { StatusBar } from ‘@ionic-native/status-bar’;  
import { SplashScreen } from ‘@ionic-native/splash-screen’;  
import { Camera } from ‘@ionic-native/camera’;  
import { AboutPage } from ‘…/pages/about/about’;  
import { ContactPage } from ‘…/pages/contact/contact’;  
import { HomePage } from ‘…/pages/home/home’;  
import { TabsPage } from ‘…/pages/tabs/tabs’;

@NgModule({  
declarations: [  
MyApp,  
AboutPage,  
ContactPage,  
HomePage,  
TabsPage  
],  
imports: [  
BrowserModule,  
IonicModule.forRoot(MyApp)  
],  
bootstrap: [IonicApp],  
entryComponents: [  
MyApp,  
AboutPage,  
ContactPage,  
HomePage,  
TabsPage  
],  
providers: [

```
StatusBar,
SplashScreen,
Camera, //<-- Error ?????
{provide: ErrorHandler, useClass: IonicErrorHandler}

```

]  
})  
export class AppModule {}

---

<div class="post-metadata">

**Author:** ![goku-dev](https://avatars.discourse-cdn.com/v4/letter/g/f07891/32.png) [@goku-dev](https://forum.ionicframework.com/u/goku-dev)\
**Post date:** [January 30, 2019, 10:52am UTC](https://forum.ionicframework.com/t/camera-ionic-3-framework/154704/4 "2019-01-30T10:52:16Z")

</div>

```auto
 "npm install --save @ionic-native/camera@4", now u need to install version 4.x.x for all plugins, sorry my english is bad.

```

---

<div class="post-metadata">

**Author:** ![Z3-R0](https://avatars.discourse-cdn.com/v4/letter/z/f07891/32.png) [@Z3-R0](https://forum.ionicframework.com/u/Z3-R0)\
**Post date:** [January 30, 2019, 11:46am UTC](https://forum.ionicframework.com/t/camera-ionic-3-framework/154704/5 "2019-01-30T11:46:36Z")

</div>

It worked! Thank you 😄