初投稿です。
優しくしてください
環境
- React Native 0.61.5
- Xcode 11.3.1
- iOS 13.3.1
背景
Reactの勉強がてら、React Nativeも触っていました。
いざiOS実機で実行しようとしたら色々躓いたので、備忘録として手順を残しておきます。
流れ
- コード(App.js)が完成したので、とりあえず実機で動かす
- Xcodeの起動(つまづき1)
- Team設定のエラー(つまづき2)
- 「Failed to register bundle identifier.」というエラー(つまづき3)
- 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時間弱かかったため、備忘録として残しておきます。