【ReactNative】No bundle URL presentエラーの対処法メモ

以前にMacでReactNativeの環境構築方法を紹介しました。久しぶりにゼロからプロジェクトを作ってビルドしてみると「No bundle URL present」が・・・今回は、その際の対処法を紹介します。

※この記事はQiitaに載せたもののリライト記事です。

前提条件

Xcode, VSCode``Homebrew, Nodebrew, cocoapods, npm, yarn,react-native-cliなどなど色々入れて新規にプロジェクトを作成。

react-native init Puni
cd Puni/ios
pod install
react-native run-ios

すると、Simuratorが立ち上がりbundleも動いている様子。しかしながら下記のようにNo bundle URL presentのエラーに遭遇。

nobundle

どうやらアプリからbundleが見れていないようなのだが・・・類似の事例を調べてみたらReact Native「No bundle URL present」エラー対策集のような記事を発見。パッケージを入れ直したり、キャッシュを消してみたり、と一通り試してみたが解消されず。

下記のような記事を発見。

なにやらmain.jsbundleがうまく作成されていないっぽい？

解決策にある通りにコマンドラインからmain.jsbundleを作り直してみる。

react-native bundle --entry-file='index.js' --bundle-output='./ios/main.jsbundle' --dev=false --platform='ios' --assets-dest='./ios'

さらにXcodeからxcworkspaceを開き、main.jsbundleのTarget Membershipを設定しなおす(下図)

xcode_puni

ダメ元でreact-native run-iosを実行すると・・・ 直った!!

何が悪さをしてmain.jsbundleが作成されていない(クラッシュしてる？)のかは今のところ分かっていないが、あるとすればreact-native-cliとかその他諸々の特定のバージョンの組み合わせのように思える。

react-nativeのIssueをmain.jsbundleで調べた(リンクはこちら)ら似たような事例が出ていたので、いずれ解消・再発するかもしれません。