Issue adding ionic native plugin to ionic v3 project

Ionic Native
1

43%20AM
Screen Shot 2019-01-24 at 11.10.43 AM.png2560×1600 580 KB

2

@mhartington i have created issue here

3

Can you please post the version for that ionic-native plugin? As I stated on twitter, you probably are installing the newer plugin (V5) which is only for Ionic 4

$ npm install --save @ionic-native/fingerprint-aio@4
4

I have installed version 4.2.0 as you described for me on twitter

5

59%20PM
Screen Shot 2019-01-24 at 3.57.59 PM.png2560×1600 879 KB

So i have that error after installing the plugin using the method you told me earlier on twitter

      try {
        await this.platform.ready();
        const available = await this.faio.isAvailable();
        console.log(available);
        alert(available);
      } catch (e) {
        console.error("This is error" + e);
      }
  }
6

How are you testing this on device? What command are you running?
If you’re using trying to use live-reload on the device, that currently does not work.

7

No i didnt use live reload, i deploy the app to my device then open chrome browser, chrome://inspect to see what the log says

8

How are you building and deploying?

ionic cordova run android
9

@mhartington since i am getting plugin not installed so i then went on to add the plugin again using this command

ionic cordova plugin add cordova-plugin-fingerprint-aio

And the fingerprint logged finger in my console.

10

yes but without livereload

11

I have tried this.

ionic start myApp blank --type=angular
cd myApp
ionic cordova plugin add cordova-plugin-fingerprint-aio
npm install --save @ionic-native/fingerprint-aio@4

In app.module.ts

import { FingerprintAIO } from '@ionic-native/fingerprint-aio'


@NgModule({
  providers: [
...
    FingerprintAIO,
...

  ]
})

and then in home.ts

import { Component } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';
import { FingerprintAIO } from '@ionic-native/fingerprint-aio';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  constructor(
    private fingerPrint: FingerprintAIO,
    private platform: Platform,
    public navCtrl: NavController
  ) {
    this.platform.ready()
    .then(() => this.fingerPrint.isAvailable())
    .then(val => console.log('val', val))
  }
}

When I ran on a device

ionic cordova run android

I got

07%20PM

1 Like
12

I got it fixed too…Thanks alot but another question is if i need to use other plugins do i need to first use this method like running npm i @ionic-native/plugin@version-number --save

13

For ionic-angular v3 project, you need to specify the v4 version of the ionic native plugin.

14

Ok Boss…You made my day a delightful one after going through so much. Thank you so much for your time and effort, I am very grateful. God bless the Team