React native Facebook登录在React native中，编译错误

我正在尝试在react native中实现Facebook登录

我遵循了本指南中的每个步骤：

但我遇到了奇怪的编译错误：

当我可以更早地编译时，我得到了关于RCTFBLoginButton not found的错误。

有人能帮我吗？ 是否有我可以遵循的教程或示例

以下是我使用的依赖项：

  "dependencies": {
    "react": "16.13.1",
    "react-native": "0.63.4",
    "react-native-fbsdk": "^3.0.0"
  },

谢谢，

---

Kenji

首先，确保在安装任何本机模块后运行了

pod install

，这通常发生在本机模块（react native fbsdk）未与项目链接时，react-native

0.60.0

自动链接由react-native完成，因此看起来您的自动链接已断开，或者react-native fbsdk未与您的项目链接

请按照以下步骤修复此问题

吊舱安装

反应本机链接反应本机fbsdk

清洁工程

跑

注意：如果仍然无法工作，请尝试手动链接

编辑：当您与我共享可复制代码时，我设法解决了您的问题

我为解决您的问题而采取的步骤

更新pod repo

从框架搜索路径中删除fbsdk的框架文件

从链接库中删除框架文件链接

卸下pods和podfile.lock以及节点模块

重新安装节点模块和POD

---

注意：在上述共享代码中，我已经完成了上述步骤，因此您只需按照步骤5运行我的上述共享代码。

首先，确保在安装任何本机模块后运行了

pod install

，这通常发生在您的本机模块（react-native fbsdk）未链接到您的项目，react-native

0.60.0

自动链接由react-native完成后，看起来您的自动链接已断开，或者react-native fbsdk未链接到您的项目

请按照以下步骤修复此问题

吊舱安装

反应本机链接反应本机fbsdk

清洁工程

跑

注意：如果仍然无法工作，请尝试手动链接

编辑：当您与我共享可复制代码时，我设法解决了您的问题

我为解决您的问题而采取的步骤

更新pod repo

从框架搜索路径中删除fbsdk的框架文件

从链接库中删除框架文件链接

卸下pods和podfile.lock以及节点模块

重新安装节点模块和POD

---

注意：在上述共享代码中，我已经完成了上述步骤，因此您只需按照步骤5运行我的上述共享代码。

我遇到了类似问题，因为我在AppDelegate.m中的错误位置导入了FBSDK

关键是在启用ifdef FB声纳套件之前必须导入 以下是正确的方法：

#import "AppDelegate.h"

#import <React/RCTBridge.h>
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>
#import "FBSDKCoreKit.h" <-- IMPORT HERE! -->

#ifdef FB_SONARKIT_ENABLED
<--- DO NOT IMPORT BELOW --->
#import <FlipperKit/FlipperClient.h>
#import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h>
#import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h>
#import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>
#import <SKIOSNetworkPlugin/SKIOSNetworkAdapter.h>
#import <FlipperKitReactPlugin/FlipperKitReactPlugin.h>

#导入“AppDelegate.h”
#进口
#进口
#进口
#导入“FBSDKCoreKit.h”
#ifdef FB_声纳套件已启用
#进口
#进口
#进口
#进口
#进口
#进口

我遇到了类似的问题，因为我在AppDelegate.m中的错误位置导入了FBSDK

关键是在启用ifdef FB声纳套件之前必须导入 以下是正确的方法：

#import "AppDelegate.h"

#import <React/RCTBridge.h>
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>
#import "FBSDKCoreKit.h" <-- IMPORT HERE! -->

#ifdef FB_SONARKIT_ENABLED
<--- DO NOT IMPORT BELOW --->
#import <FlipperKit/FlipperClient.h>
#import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h>
#import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h>
#import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>
#import <SKIOSNetworkPlugin/SKIOSNetworkAdapter.h>
#import <FlipperKitReactPlugin/FlipperKitReactPlugin.h>

#导入“AppDelegate.h”
#进口
#进口
#进口
#导入“FBSDKCoreKit.h”
#ifdef FB_声纳套件已启用
#进口
#进口
#进口
#进口
#进口
#进口

请提及您的react-native版本和react-native fbsdk版本。react-native:0.63.4，react-native fbsdk:“^3.0.0”如果这不起作用，我已经给出了一个答案，请与我共享一个可复制的代码，我会修复它。你好@WaheedAkhtar，有什么想法吗？对不起，昨天我有点忙，今天我会编译它并让你知道。请提及你的react原生版本和react原生fbsdk版本。react-native:0.63.4，react原生fbsdk:^3.0.0我已经给出了一个答案，如果这不起作用，那么请与我共享一个可复制的代码，我会修复它。嗨@WaheedAkhtar，有什么想法吗？对不起，昨天我有点忙，今天我会编译它并让你知道。尽管我想我尝试过类似的步骤，但我会在今晚稍后尝试如何执行步骤3？在我完成步骤1和2之后，当我打开xcode项目时，x代码崩溃，LOL你的问题现在已经解决，代码正在我的机器上运行。这个链接也附在上面的答案上。虽然我想我尝试过类似的步骤，但我会在今晚稍后尝试如何执行步骤3？在我完成步骤1和2之后，当我打开xcode项目时，xcode崩溃，LOL你的问题现在已经解决，代码正在我的机器上运行这个链接我s也附在上述答案之后。