質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
React Native

React Nativeは、ネイティブモバイルアプリ(iOS/Android)を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

Android Studio

Android Studioは、 Google社によって開発された、 Androidのネイティブアプリケーション開発に特化した統合開発ツールです。

Android Emulator

Android EmulatorはアンドロイドのOSで起動しているアンドロイドのデバイスの機能をシミュレートするソフトウェアです。Emulatorは開発者に複数の違う設定を持ったデバイスを必要とすることなくアプリケーションを開発しテストすることが可能になります。

Q&A

0回答

699閲覧

【React Native】Debug Build時、毎回Bundle Locationを設定し直さなくてはならなくなってしまった

Hogeike

総合スコア293

React Native

React Nativeは、ネイティブモバイルアプリ(iOS/Android)を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

Android Studio

Android Studioは、 Google社によって開発された、 Androidのネイティブアプリケーション開発に特化した統合開発ツールです。

Android Emulator

Android EmulatorはアンドロイドのOSで起動しているアンドロイドのデバイスの機能をシミュレートするソフトウェアです。Emulatorは開発者に複数の違う設定を持ったデバイスを必要とすることなくアプリケーションを開発しテストすることが可能になります。

0グッド

0クリップ

投稿2020/07/30 01:55

編集2022/01/12 10:55

目的の概要

MetroのBundle Locationを毎回設定し直さなければならなくなってしまったので、自動的にlocalhost:8081を読むようにしたい

詳細

  1. ReactNativeのアプリをAndroid Studioのエミュレータ(AVD)でDebug Buildする
  2. Metroが見つからないとエラーで怒られる(Metroは起動しているにもかかわらず)
  3. Debugメニュー(Ctrl + M)を開いて、「Change Bundle Location」をlocalhost:8081(または127.0.0.1:8081)とすると正常につながる

⇒毎回、上記の3を行う必要があるため、プロジェクト内であらかじめ定義できないか?
(そもそも、前はこんな事起きなかったので、その原因があればそれを潰すだけで良いです)

3の詳細

イメージ説明
イメージ説明

エラーメッセージ

Unable to load script.Make sure you're either running a Metro server (run 'react-native start') or that your bundle 'index.android.bundle' is packaged correctly for release.

AVD側に出ます

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

  • そもそも前はこんな事起きなかった(勝手にlocalhost:8081を見てくれた)
  • どのプロジェクトでも(前はこの問題が発生しなかったプロジェクトでも)、「Metroが見つからない」という旨のエラーを吐く

AVDのスペック

  • タイプ:スマートフォン
  • 端末:Pixel API 27
  • システムイメージ:Oreo
  • Androidバージョン:Android 8.1
  • CPU/ABI:x86

バージョン

  • react-native-cli: 2.0.1
  • react: 16.13.1
  • react-native: 0.63.1
  • metro-react-native-babel-preset: 0.60.0

Bundle Locationがリセットされないパターン(Bundle Locationの再設定が不要)

  • Bundle Locationを設定 ⇒ アプリをタスクキル ⇒ Metroを落とす ⇒ react-native run-android
  • Bundle Locationを設定 ⇒ アプリをタスクキル ⇒ Metroを落とす ⇒ AVDを落として再起動 ⇒ react-native run-android

Bundle Locationがリセットされるパターン(Bundle Locationの再設定が必要)

  • Bundle Locationを設定 ⇒ アプリをタスクキル ⇒ Metroを落とす ⇒ AVDから対象アプリをアンインストール ⇒ react-native run-android

アンインストールすると必ず再設定を求められるようです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問