React Nativeで作成したiOSアプリを実機で実行しようとしたら色々つまずいた

初投稿です。
優しくしてください

環境

• React Native 0.61.5
• Xcode 11.3.1
• iOS 13.3.1

背景

Reactの勉強がてら、React Nativeも触っていました。
いざiOS実機で実行しようとしたら色々躓いたので、備忘録として手順を残しておきます。

流れ

1. コード(App.js)が完成したので、とりあえず実機で動かす
2. Xcodeの起動(つまづき1)
3. Team設定のエラー(つまづき2)
4. 「Failed to register bundle identifier.」というエラー(つまづき3)
5. Nodeのバイナリが見つからないエラー(つまづき4)

Xcodeの起動(つまづき1)

Projectを起動しようとすると、iosディレクトリの中にそれっぽいのが2つありました。

xcworkspaceのファイルだとうまく実行できました。

Team設定のエラー(つまづき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
を開き、shellの1行目のnodeのパスを変更します。

export NODE_BINARY=node

のnodeの部分を調べてきたパスに変更します。

参考文献: React Native エラー　Can’t find ‘node’ binary to build React Native bundle - Qiita

まとめ

筆者の環境では上記のエラーをすべて解決したら、実機(iOS13.3.1)での実行が確認できたました。
これらのエラーを解決するのに、1時間弱かかったため、備忘録として残しておきます。