React Native에서 만든 iOS 앱을 실제 기기에서 실행하려고하면 여러 가지 엉망이었습니다.

첫 투고입니다.
부드럽게하십시오

환경


  • React Native 0.61.5
  • Xcode 11.3.1
  • iOS 13.3.1

  • 배경



    React를 공부하자 React Native도 만졌습니다.
    막상 iOS실기로 실행하려고 하면 여러가지 망설였으므로, 비망록으로서 순서를 남겨 둡니다.

    흐름


  • 코드 (App.js)가 완성되었으므로 우선 실제 기계로 움직입니다.
  • Xcode 시작 (노브 1)
  • 팀 구성 오류 (주문 2)
  • "Failed to register bundle identifier."라는 오류 (주문 3)
  • Node의 바이너리가 발견되지 않는 에러 (주문 4)

    Xcode 시작 (노브 1)



    Project를 시작하려고 할 때 ios 디렉토리에 두 가지가 있습니다.

    xcworkspace 파일이라면 잘 실행할 수있었습니다.

    팀 설정 오류 (노브 2)



    Team 설정이 None인 채로 Build Failed가 되어 버립니다.
    Project navigator를 클릭하고,
    TARGETS > [APP NAME] > Signing&Capabilities > Signing > Team
    안을 None에서 자신의 계정 이름으로 변경하면 해결됩니다.

    참고 문헌 : 지금까지 발생한 Xcode에서 빌드 오류 요약 - Qiita

    "Failed to register bundle identifier."라는 오류 (주문 3)



    번들 등록 똥으로 Build Failed가 되어 버립니다.
    이전 Team 아래의 Bundle Identifier 이름을 고유한 이름으로 바꾸면 해결됩니다.

    참고 문헌 : Xcode10에서 "Failed to register bundle identifier"오류에 대한 대응 | TickleCode

    Node의 바이너리를 찾을 수없는 오류 (노브 4)



    마지막으로 Node의 바이너리가 발견되지 않고, Build Failed가 되어 있습니다.
    error: Can't find 'node' binary to build React Native bundle
    

    아래의 명령으로 node의 경로를 조사해,
    $ which node
    

    TARGETS > [APP NAME] > Build Phases > Bundel React Native code and image
    을 열고 쉘의 첫 번째 줄의 노드 경로를 변경합니다.
    export NODE_BINARY=node
    
    node 의 부분을 조사해 온 패스로 변경합니다.

    참고 문헌 : React Native 오류 Can’t find ‘node’ binary to build React Native bundle - Qiita

    요약



    필자의 환경에서는 위의 에러를 모두 해결하면 실기(iOS13.3.1)에서의 실행을 확인할 수 있었습니다.
    이 오류를 해결하는 데 약 1 시간이 걸렸으므로 비망록으로 남겨 둡니다.
  • 좋은 웹페이지 즐겨찾기