【ReactNative】Simulatorでlocalサーバーにつながらない。

Question

前提・実現したいこと

ReactNativeの開発環境を設定中なのですが、Awesomeファイル（サンプル）を作った後、Awesome/ios/Awesome.xcworkspaceをxcodeで開いてRunボタン、または"react-native run-ios"で実行すると、次のような画面が出て、localサーバーにつながらないです。

Could not connect to development server~

試したこと

AppDelegate.m内の"jsCodeLocation"の値を変えればできるそうだが、そもそもjsCodeLocationが存在せず、書き換えができなかった。

再起動して、再びエミュレーターを立ち上げても、ローカルサーバーのポート番号が8081のままで8080にならなかった。

補足情報（FW/ツールのバージョンなど）

react-native-cli: 2.0.1
react-native: n/a - not inside a React Native project directory
xcode: 11.3.1

Comments

[hoshi-takanori]

ポート番号 8081 が怪しいですね。普通は 8080 が使われると思うので。8080 で一度動かした状態でもう一度動かしたときに 8081 を見に行くようになっていて、その後別のポートでサーバーが動いてる気がします。

[ShoYama]

再起動させてもポート番号が変わらな8081のままで、別のサンプルファイルをエミュレーターで同時に起動させてみたりもしたのですが、そっちでも同じエラーと8081のポート番号でした。

Answer 1

そもそもMetroは立ち上がっているのでしょうか？
立ち上がっているのに繋がらないということでしたら、デバッグメニューを開いて
「Change Bundle Location」のようなところを選択して（ちょっと名前が違うかもしれません）
localhost:8081などを指定することでとりあえず動くとは思います。
※iOSなら127.0.0.1:8081じゃないと動かないかもしれません。