大学のWiFiでReactNativeアプリをExpoアプリ上で動かす

https://github.com/expo/create-react-native-app/issues/611

このページを読むと、publicなネットワークでは実行できないようです。

この解決として、ビルドサーバを「LAN」ではな「Tunnel」connectionで動かします。そのため、コマンド「npm start」を実行してビルドサーバ起動後、ビルドサーバ画面左側の「Tunnel」をクリックします。エラーがなければ下図のように「Tunnel」が青色になりますが、このとき、エラーメッセージがでれば(「Tunnel」が青色にならないなら)、いったん、サーバを終了します。

スクリーンショット 2022-05-10 19.36.59

そして、コマンド「npm i @expo/ngrok@^4.1.0」を実行して、必要なコンポーネント(道具)をインストールします。

その後、再び「npm start」を実行してビルドサーバを起動し、「Tunnel」をクリック。今度は「Tunnel」が青くなるはずです。その後はこれまで通り、「exp://」で始まるアドレスをスマホのExpoアプリで開きます。その結果、無事、ReactNativeアプリがスマホにダウンロード・実行されます。

参考ページ

https://github.com/expo/create-react-native-app/issues/611

https://stackoverflow.com/questions/54604991/expo-app-cant-load-project-with-message-this-is-taking-much-longer-than-it

https://stackoverflow.com/questions/66766591/expo-error-starting-tunnel-failed-to-install-expo-ngrok2-4-3-globally


この記事が気に入ったらサポートをしてみませんか?