web-dev-qa-db-ja.com

FBSDK：未定義のreadpermissionsでプロパティloginを読み取ることができません

ログイン目的でFBSDKを使用してReactネイティブプロジェクトをセットアップしています。

これが私がこれまでにしたことです：

  1. 私は走ったnpm install react-native-fbsdk --save
  2. 私は走ったreact-native link
  3. 私はそこで言及されている各ステップに従いました： https://developers.facebook.com/docs/facebook-login/ios/
  4. 私はこのビデオを使用して再確認しました： https://www.youtube.com/watch?v=rAXVKapP5cM

ただし、それでもこの赤い画面エラーが発生します。

Cannot read property logInWithReadPermissions of undefined FBLoginManager.js、77行目（ https://github.com/facebook/react-native-fbsdk/blob/master/js/FBLoginManager.js ）

これが私のAppDelegate.mコンテンツです：

#import "AppDelegate.h"
#import <FBSDKCoreKit/FBSDKCoreKit.h>
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  NSURL *jsCodeLocation;

  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"PegaseBuzzApp"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];
  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];

  [[FBSDKApplicationDelegate sharedInstance] application:application
                           didFinishLaunchingWithOptions:launchOptions];


  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  UIViewController *rootViewController = [UIViewController new];
  rootViewController.view = rootView;
  self.window.rootViewController = rootViewController;
  [self.window makeKeyAndVisible];
  return YES;
}

- (void)applicationDidBecomeActive:(UIApplication *)application {
  [FBSDKAppEvents activateApp];
}


- (BOOL)application:(UIApplication *)application
            openURL:(NSURL *)url
  sourceApplication:(NSString *)sourceApplication
         annotation:(id)annotation {
  return [[FBSDKApplicationDelegate sharedInstance] application:application
                                                        openURL:url
                                              sourceApplication:sourceApplication
                                                     annotation:annotation];
}
@end

リンクされたフレームワークとバイナリは次のとおりです。

enter image description here

編集：私のプロジェクトで：

const FBSDK = require('react-native-fbsdk');
const {
  LoginManager,
} = FBSDK;

プラス：

_onFBButtonPress () {
    LoginManager.logInWithReadPermissions(['public_profile']).then(
      function(result) {
        if (result.isCancelled) {
          alert('Login cancelled');
        } else {
          alert('Login success with permissions: '
            +result.grantedPermissions.toString());
        }
      },
      function(error) {
        alert('Login fail with error: ' + error);
      }
    );
  }

そして：

<Button onPress={() => this._onFBButtonPress()} buttonStyle={'buttonFb'} labelStyle={'buttonFbText'} label={I18n.t('Login.btnConnectFB')}></Button>

何が恋しいですか？

javascriptiosreact-nativefbsdk
7
enguerranws

同じエラーを解決しました。何らかの理由で、「react-native linkreact-native-fbsdk」はAndroidで終了しましたが、iosでは終了しませんでした。

rnpm-install info Android modulereact-native-fbsdkはすでにリンクされていますrnpm-installinfo Linking react-native-fbsdkios依存関係rnpm-installinfoiOSモジュールreact-native-fbsdkは正常にリンクされています

再実行して、libRCTFBSDK.aにリンクしていることを確認してください

6
Greg Cockroft

@Greg Cockroftの回答に続いて、「RCTFBSDK」ライブラリプロジェクトを含めていなかったため、プロジェクトの「Link BinaryWithLibraries」に「libRCTFBSDK.a」を含めることができないことに気付きました。

したがって、同じ状況にある場合は、次の不足している手順を実行します。

  1. Xcodeプロジェクトの「Libraries」グループの下に「/node_modules/react-native-fbsdk/ios/RCTFBSDK.xcodeproj」を追加（またはFinderを使用してドラッグ）します。
  2. 「RCTFBSDK.xcodeproj」またはプロジェクト全体をビルドします。
  3. プロジェクト設定の「バイナリとライブラリのリンク」の下に「libRCTFBSDK.a」を追加します。
  4. アプリをコンパイル/実行します。これで、適切なJSログインコードがあれば、Facebookの画面からログインできるはずです。
4
Ricardo Barroso

関数LoginManagerを使用します。logInWithPermissions（['public_profile'、 'email']）;

2
Dako Junior

metro.config.jsに追加することで解決しました。そして、metro-configがインストールされていることを確認してください

const blacklist = require('metro-config/src/defaults/blacklist');

module.exports = {
    resolver: {
        blacklistRE: blacklist([
            /node_modules\/.*\/node_modules\/react-native\/.*/,
        ])
    },
};
0
Slobodan Gajić

これを行ったら：

npm install react-native-fbsdk --save
react-native link

最新のFacebookSDKを〜/ Documentsフォルダーにダウンロードします。

〜/ Documents/FacebookSDK /に解凍します

次に、XCodeで再構築します。

私のために働きます。

0
Luis Galvez