React Native 「No bundle URL present」を解消

2017年7月17日2017年7月18日

最近ReactNativeで簡易なアプリを個人で開発しています。
アプリ動作で「react-native run-ios」を実行すると「No bundle URL present」というエラーが発生。

解消方法がわかったので、対応方法をまとめました。

環境

・MacOS
・react-native-cli: 2.0.1
・react-native: 0.46.3

エラー詳細

恐怖の赤い画面「No bundle URL present」

Make sure you’re running a packager server or have included a .jsbundle file in your application bundle

解消

プロジェクト内で、以下コマンドを実行する。

$ rm -rf node_modules && npm i
$ react-native run-ios

上記でも治らない場合は、プロジェクト名/ios/buildディレクトリを削除して、
解消方法を再実行してみる。

まとめ

StackOverFlowや中国語のサイトから解消方法が出てくるが、探すのにも結構な時間を使うなと思いました。

ちょくちょく開発していると赤い画面に遭遇するため、後々のことを考えて発生ベースでまとめようと思いました。