web-dev-qa-db-ja.com

Ionic-live-デバイスでアプリを実行していないリロード

--live-reloadパラメーターを使用すると、携帯電話にionicアプリが表示されません。

Windows8.1と接続されたNexus5 Androidデバイスを使用しています。アプリはionic start demo sidemenuで作成されたサンプルsidemenuアプリです。

ionic run --live-reloadを実行すると、最初に可能なIPアドレスのリストが表示されます。

Multiple addresses available.
Please select which address to use by entering its number from the list below:
Note that the emulator/device must be able to access the given IP address
 1) 192.168.0.109 (Wi-Fi)
 2) 192.168.159.1 (VMware Network Adapter VMnet1)
 3) 192.168.174.1 (VMware Network Adapter VMnet8)
 4) 192.168.56.1 (VirtualBox Host-Only Network)

オプション1-を選択します。これは、ionicサーバーをホストしている開発用PCのIPアドレスです。

Ionicはこの選択を確認し、以下のようにポートにサービスを提供していることを確認します。

Selected address: 192.168.0.109
Running live reload server: http://192.168.0.109:35729
Watching : [ 'www/**/*', '!www/lib/**/*' ]
Running dev server: http://192.168.0.109:8100

PCでChromeを開き、 http://192.168.0.109:81 に移動して、ページが提供されていることを確認しました。

アプリがAndroidデバイスで実行されると、最初にスプラッシュ画面が表示され、次にエラーのあるWebビューが表示されます。

Web page not available
The Web page at http://192.168.0.109:8100/ could not be loaded as:

net::ERR_ADDRESS_UNREACHABLE

これはIonicフォーラムでも報告されています：

私の知る限り、WindowsマシンでTCPポート35729および8100を開いています（コントロールパネル-ファイアウォール設定を使用）。

デバイスでIonicアプリを表示できるようにするには、何を構成する必要がありますか？

cordovaionic-frameworkioniclivereload
11
Richard Le Mesurier

上記の構成はすべて正しかった。

ポートはWindowsファイアウォールで開く必要がありましたが、欠落している手順では、ファイアウォール設定を更新した後に再起動する必要がありました。

再起動後、すべてが正しく機能しています。

7
Richard Le Mesurier

簡単です。cmdでこのコマンドを使用できます。これはうまく機能します。

ionic serve --address 0.0.0.0
4
Yosia Prabowo

CORSの問題に直面しているようです。

インストールと構成 cordova-plugin-whitelist 問題を修正します

3
aorfevre

ほとんどの人にとっては問題ではないようですが、私にとっては、電話でVPNを実行していたためです。

3
marcbest

私にとって何がうまくいったか（プロジェクトの構成ファイルやファイアウォールの設定に変更はありません）：

$ ionic cordova run Android -c -l --address=10.0.0.2 (use your local IP address here)

私の設定：

  • 私のAndroid電話（Android 7.1.1を実行）は、USBケーブルを介してWindowsデスクトップコンピューターに接続されています。
  • 使用されているアドレスは、デスクトップコンピューターのローカルIPアドレスであり、 www.whatismybrowser.com から取得しました。

新しいAndroid 3プロジェクトでionic電話でlivereloadを機能させるために使用したすべてのコマンド：

$ ionic start testLivereloadProject1 tabs
$ cd testLivereloadProject1
$ ionic cordova platform add Android
$ ionic cordova run Android -c -l --address=10.0.0.2

（-cはコンソール、-lはlivereload）

注：最初は電話への読み込みが非常に遅かった（スプラッシュ画面が通過した後、しばらくの間白く点灯した）が、一度読み込まれると、livereloadは正常に機能しました。

2
Gail Parsloe

私はこれにかなり遅れていますが、私のconfig.xmlはビルドプロセスのどこかに次の行を生成しました。

<content src="http://10.0.0.25:8100" original-src="index.html"/>

<content original-src="index.html"/>に戻すことで修正しました（src="http://10.0.0.25:8100"なし）

1
garrettmac

ionic infoでCLIバージョンを確認してください。

OPで説明されているように、ライブリロードが機能しなくなりました。再度起動して実行するには、4.12.0に戻す必要がありました。

0
jwBurnside

上記の答えはどれもうまくいきませんでした。電話が接続されているネットワークとラップトップが接続されているネットワークを確認しました。それらが異なっていたので、私はそれらを同じネットワークに接続させ、それはこの問題を解決しました。

0
Swapnil