[英]ionic3 cordova-plugin-facebook4 facebook install issues errors
我似乎遇到了本機插件的問題。
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'
我嘗試過很多東西。
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
我按照幾個例子,但仍然看到離子3和angular4的問題
這是我的信息:〜/ workspace / ionic / test2 $ ionic info
全球套餐:
@ionic/cli-utils : 1.5.0
Cordova CLI : 7.0.1
Ionic CLI : 3.5.0
本地包裹:
@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
系統:
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
我也看過這些例子: https : //ionicframework.com/docs/native/facebook/ https://ionicthemes.com/tutorials/about/ionic2-facebook-login
有人幫忙嗎?
謝謝菲爾
這就是我所做的,請確保在app.module.ts
文件中公開Facebook模塊。
app.module.ts
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 { 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 { Facebook, FacebookLoginResponse } from '@ionic-native/facebook';
@NgModule({
declarations: [
MyApp,
AboutPage,
ContactPage,
HomePage,
TabsPage
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
AboutPage,
ContactPage,
HomePage,
TabsPage
],
providers: [
StatusBar,
SplashScreen,
Facebook,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {}
在你的home.ts
:
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Facebook, FacebookLoginResponse } from '@ionic-native/facebook';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController, private fb: Facebook) {
this.fb = fb
console.log(fb)
this.fb.login(['public_profile', 'user_friends', 'email'])
.then((res: FacebookLoginResponse) =>
console.log('Logged into Facebook!', res)
)
.catch(e => console.log('Error logging into Facebook', e));
this.fb.logEvent(this.fb.EVENTS.EVENT_NAME_ADDED_TO_CART);
}
}
如果您忘記在app.module.ts
文件中包含Facebook
提供商,您將收到錯誤消息: "No provider for Facebook!"
作為旁注,請確保使用模擬器或設備來測試登錄操作,否則它將無法工作。
資源: - https://javebratt.com/ionic-2-facebook-login/ - https://ionicframework.com/docs/native/facebook/
我有同樣的問題。 但我正在Ionic的DevApp應用程序上測試我的移動應用程序。 后來我發現,並非Ionic的DevApp都支持所有本機組件。
以下顯示了Ionic的DevApp 支持的插件列表:支持的插件列表
畢竟我直接在ios-device上測試了我的facebook插件。 即使在xcode-emulator上也是如此。
此致,奧利弗
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.