[ios]react-native에서 facebook 로그인 버튼을 낼 때 빠졌습니다.

엉망이 되었기 때문에 메모.

동작 확인은
Rea ct-nachi @ 0.39.2

문제

react-native의 공식 설정 절차에 따라 한 번에 설정했을 것입니다.
빌드에 실패한다.

fatal error: 'FBSDKCoreKit/FBSDKCoreKit.h' file not found
#import "FBSDKCoreKit/FBSDKCoreKit.h"

뭔가 facebookSDK를로드하지 못했습니다.

원인

역시 패스의 지정이 나빴다.

이 퀵 스타트에서 가장 첫 번째 단계에서 이미 잘못되었습니다.



나는 건방진에 공식적으로 지시된 아래의 경로가 아니다.

 ~/Documents/FacebookSDK

자신의 프로젝트 폴더(ex. ~/Mobile)에 다운로드한 FacebookSDK를 두고 있었다.
이것이 나빴다.

빠른 시작 이전 단계에서

react-native install react-native-fbsdk
react-native link react-native-fbsdk

설치 및 설정 명령을 쳤지만

react-native link react-native-fbsdk

이 명령으로 react-native-fbsdk 패키지가 다운로드했습니다.
FacebookSDK의 경로를로드 할 때의 경로

 ~/Documents/FacebookSDK

하는 것 같았다.

확인하는 방법은 react-native 프로젝트의 node_modules에서
react-native-fbsdk의 ios 폴더, RCTFBSDK.xcodeproj를 XCode에서 열기

아래 이미지와 같이 Framework Search 경로 확인



공식을 따르지 않고 자신의 디렉토리에 다운로드 한 SDK를 넣는 경우
FacebookSDKs-iOS의 경로 설정 삭제
가져오려는 sdk 폴더를 드래그 앤 드롭하여 경로 변경

그럼, 읽고 싶은 파일의 경로가 다르기 때문에 오류가 발생한다는 이야기입니다.
설치한 npm package를 괴롭히지 않으면 안 된 것은 맹점이었습니다.

반성

우선 공식에는 절대로 따른다.
스스로 무언가 설정을 괴롭히는 것은 우선 움직이고 나서.
당연한 일을 통감한 작업이었다, 힘들었다. .

덧붙여서 react-native로 facebook의 sdk를 추가할 때는
xcodeproject를 열고 추가로 설정해야합니다.
xcode를 만지지 않은 자신이 될 수 없어서 힘들었습니다.

새로운 일을하면 디버깅 방법이 잘되지 않기 때문에
힘들군요. .