Ionic Facebook api - not working


#1

I seem to be having an issue with native plugins.

logPath: /Users/philipwilson/workspace/ionic/test2/platforms/ios/cordova/console.log

[21:12:05] console.log: Angular is running in the development mode. Call enableProdMode() to enable the production
mode.
[21:12:05] console.log: Ionic Native: deviceready event fired after 542 ms
[21:12:05] console.warn: Native: tried calling Facebook.browserInit, but the Facebook plugin is not installed.
[21:12:05] console.warn: Install the Facebook plugin: ‘ionic plugin add cordova-plugin-facebook4’

I have tried a lot of things.
518 ionic cordova plugin add cordova-plugin-facebook4 --variable APP_ID=“99999999999” --variable APP_NAME="test2.com"
565 ionic cordova build ios
578 npm install --save @ionic-native/facebook
593 ionic plugin add cordova-plugin-facebook4
594 ionic cordova emulate ios -lc

I followed a few examples but still seeing issues with ionic 3 and angular4

Here is my info:
~/workspace/ionic/test2$ ionic info

global packages:

@ionic/cli-utils : 1.5.0
Cordova CLI      : 7.0.1 
Ionic CLI        : 3.5.0

local packages:

@ionic/app-scripts              : 1.3.7
@ionic/cli-plugin-cordova       : 1.4.1
@ionic/cli-plugin-ionic-angular : 1.3.2
Cordova Platforms               : ios 4.4.0
Ionic Framework                 : ionic-angular 3.4.2

System:

Node       : v8.0.0
OS         : OS X El Capitan
Xcode      : Xcode 8.2.1 Build version 8C1002 
ios-deploy : 1.8.3 
ios-sim    : 3.1.1 
npm        : 5.0.0 

I have looked at these examples too:
https://ionicframework.com/docs/native/facebook/
https://ionicthemes.com/tutorials/about/ionic2-facebook-login

Anyone have any help?

Thanks
Phil