Use the device camera

Question

I would like to use the device camera but I’m finding it difficult

In my file list.ts is just:

import { Camera, CameraOptions } from '@ionic-native/camera/ngx';

constructor(public navCtrl: NavController, 
              public navParams: NavParams,
              public http: Http,
              public toastCtrl: ToastController,
              public camera: Camera) {

  }

getFoto(){
    const options: CameraOptions = {
        quality: 100,
        destinationType: this.camera.DestinationType.FILE_URI,
        encodingType: this.camera.EncodingType.JPEG,
        mediaType: this.camera.MediaType.PICTURE
      }

    this.camera.getPicture(options).then((imageData) => {
        // imageData is either a base64 encoded string or a file URI
        // If it's base64 (DATA_URL):
        let base64Image = 'data:image/jpeg;base64,' + imageData;
        this.beer.img = base64Image;
       }, (err) => {
        console.log(err);

       });
  }

I also imported in app.module in the preview

import { Camera } from '@ionic-native/camera/ngx';

...

providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    Camera
  ]

Following this documentation, but gave this problem here:

How can I solve?

Here is my project in git.

Answer 1

I was able to solve it this way:

To use the normal camera in Ionic 3 you need to run the following commands If you already have in package.json a plugin with version 5, delete

1. ionic cordova plugin add cordova-plugin-camera 
2. npm install @ionic-native/[email protected]