ionic3 cordova-plugin-facebook4 facebook安装发出错误

2 回答

• 5

  这就是我所做的，确保你在 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/

  回复于 2024-04-20T18:50:37+08:00
• 3

  我有同样的问题 . 但我正在Ionic的DevApp应用程序上测试我的移动应用程序 . 后来我发现，并非Ionic的DevApp都支持所有本机组件 .

  以下显示了Ionic的DevApp支持的插件列表：List of supported plugins

  毕竟我直接在ios-device上测试了我的facebook插件 . 即使在xcode-emulator上也是如此 .

  此致，奥利弗

  回复于 2024-04-20T18:50:37+08:00