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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Ionic

Ionicは、クロスプラットフォームに対応したモバイルアプリ開発のためのオープンソースUIフレームワークです。iOSやAndroid、Webのアプリケーションを1つのコードベースで開発できます。

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Android

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

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Q&A

1回答

931閲覧

ionic devappでアプリを実機テストできない

Gento

総合スコア77

Ionic

Ionicは、クロスプラットフォームに対応したモバイルアプリ開発のためのオープンソースUIフレームワークです。iOSやAndroid、Webのアプリケーションを1つのコードベースで開発できます。

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Android

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

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

0グッド

0クリップ

投稿2019/07/29 11:38

編集2019/08/22 02:21

前提・実現したいこと

ionicを実機でテストしたいです。
そこでionic devappでアプリを起動しようと思いました。

発生している問題・エラーメッセージ

同じスマホとPCが同じwifiに接続されているなら、スマホでionicアプリをテストできるはずですが、、、、
ずっとListening for apps your networkと表示され、アプリを選択できません。

試したこと

IPアドレスとポート番号を打ち込もましたが、ダメでした。
ポート番号がイマイチよくわかりませんが、このページのやり方で出てきた番号を全て試しましたがダメでした。

ionic serve --devapp のログ

> ng run app:ionic-cordova-serve --host=0.0.0.0 --port=8100 --cordova-mock --consolelogs --consolelogs-port=53703 [ng] WARNING: This is a simple server for use in testing or debugging Angular applications [ng] locally. It hasn't been reviewed for security issues. [ng] Binding this server to an open connection can result in compromising your application or [ng] computer. Using a different host than the one passed to the "--host" flag might result in [ng] websocket connection issues. You might need to use "--disableHostCheck" if that's the [ng] case. [ng] ℹ 「wds」: Project is running at http://0.0.0.0:8100/webpack-dev-server/ [ng] ℹ 「wds」: webpack output is served from / [ng] ℹ 「wds」: 404s will fallback to //index.html [ng] chunk {auth-auth-module} auth-auth-module.js, auth-auth-module.js.map (auth-auth-module) 5.5 kB [rendered] [ng] chunk {common} common.js, common.js.map (common) 25.3 kB [rendered] [ng] chunk {consolelogs} consolelogs.js, consolelogs.js.map (consolelogs) 2.12 kB [entry] [rendered] [ng] chunk {cordova} cordova.js, cordova.js.map (cordova) 57 bytes [entry] [rendered] [ng] chunk {core-js-js} core-js-js.js, core-js-js.js.map (core-js-js) 77.9 kB [rendered] [ng] chunk {css-shim-3ea8955c-3ea8955c-js} css-shim-3ea8955c-3ea8955c-js.js, css-shim-3ea8955c-3ea8955c-js.js.map (css-shim-3ea8955c-3ea8955c-js) 20.7 kB [rendered] [ng] chunk {css-shim-js} css-shim-js.js, css-shim-js.js.map (css-shim-js) 20.7 kB [rendered] [ng] chunk {day-day-module} day-day-module.js, day-day-module.js.map (day-day-module) 7.8 kB [rendered] [ng] chunk {dom-860d8016-860d8016-js} dom-860d8016-860d8016-js.js, dom-860d8016-860d8016-js.js.map (dom-860d8016-860d8016-js) 19 kB [rendered] [ng] chunk {dom-js} dom-js.js, dom-js.js.map (dom-js) 19.3 kB [rendered] [ng] chunk {focus-visible-70161a50-js} focus-visible-70161a50-js.js, focus-visible-70161a50-js.js.map (focus-visible-70161a50-js) 2.15 kB [rendered] [ng] chunk {hardware-back-button-08f20350-js} hardware-back-button-08f20350-js.js, hardware-back-button-08f20350-js.js.map (hardware-back-button-08f20350-js) 2.06 kB [rendered] [ng] chunk {home-home-module} home-home-module.js, home-home-module.js.map (home-home-module) 9.41 kB [rendered] [ng] chunk {index-d9adb105-js} index-d9adb105-js.js, index-d9adb105-js.js.map (index-d9adb105-js) 37.7 kB [rendered] [ng] chunk {input-shims-09d70723-js} input-shims-09d70723-js.js, input-shims-09d70723-js.js.map (input-shims-09d70723-js) 13.5 kB [rendered] [ng] chunk {ios-transition-3107e07c-js} ios-transition-3107e07c-js.js, ios-transition-3107e07c-js.js.map (ios-transition-3107e07c-js) 12.9 kB [rendered] [ng] chunk {login-login-module} login-login-module.js, login-login-module.js.map (login-login-module) 6.84 kB [rendered] [ng] chunk {main} main.js, main.js.map (main) 34.4 kB [initial] [rendered] [ng] chunk {md-transition-90b00ffe-js} md-transition-90b00ffe-js.js, md-transition-90b00ffe-js.js.map (md-transition-90b00ffe-js) 2.91 kB [rendered] [ng] chunk {my-page-my-page-module} my-page-my-page-module.js, my-page-my-page-module.js.map (my-page-my-page-module) 4.94 kB [rendered] [ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 278 kB [initial] [rendered] [ng] chunk {register-register-module} register-register-module.js, register-register-module.js.map (register-register-module) 4.9 kB [rendered] [ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 9.94 kB [entry] [rendered] [ng] chunk {shadow-css-bbdf056f-05cd1ccb-js} shadow-css-bbdf056f-05cd1ccb-js.js, shadow-css-bbdf056f-05cd1ccb-js.js.map (shadow-css-bbdf056f-05cd1ccb-js) 17.3 kB [rendered] [ng] chunk {status-tap-bdf48205-js} status-tap-bdf48205-js.js, status-tap-bdf48205-js.js.map (status-tap-bdf48205-js) 1.8 kB [rendered] [ng] chunk {styles} styles.js, styles.js.map (styles) 108 kB [initial] [rendered] [ng] chunk {swipe-back-ab1fb115-js} swipe-back-ab1fb115-js.js, swipe-back-ab1fb115-js.js.map (swipe-back-ab1fb115-js) 2.73 kB [rendered] [ng] chunk {swiper-bundle-a0ff558a-js} swiper-bundle-a0ff558a-js.js, swiper-bundle-a0ff558a-js.js.map (swiper-bundle-a0ff558a-js) 173 kB [rendered] [ng] chunk {tap-click-b300ec79-js} tap-click-b300ec79-js.js, tap-click-b300ec79-js.js.map (tap-click-b300ec79-js) 6.36 kB [rendered] [ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 6.31 MB [initial] [rendered] [ng] Date: 2019-08-22T02:13:53.053Z - Hash: c1c833215073c6eb1fb2 - Time: 18444ms [INFO] ... and 79 additional chunks [ng] ℹ 「wdm」: Compiled successfully. [INFO] Development server running! Local: http://localhost:8100 External: http://172.16.1.193:8100 DevApp: hCarender@8100 on mbp.local Use Ctrl+C to quit this process [INFO] Browser window opened to http://localhost:8100! [ng] [console.log]: "Angular is running in the development mode. Call enableProdMode() to enable the production mode." [ng] [console.warn]: "Native: tried calling StatusBar.styleDefault, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator" [ng] [console.warn]: "Native: tried calling SplashScreen.hide, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator" [ng] [console.info]: "[WDS] Live Reloading enabled." ^C

ブラウザーでは起動しますが、Ionic DevAppでは起動できません・・・(同じWi-fiなのに検出されない)

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

ionic devappのアプリストアページの最新ニュースによると

ionic v4 support with the latest version of the ionic CLI(4.10.0)

でした。

ターミナルで

ionic info Ionic: Ionic CLI : 5.2.3 (/usr/local/lib/node_modules/ionic) Ionic Framework : @ionic/angular 4.7.1 @angular-devkit/build-angular : 0.801.2 @angular-devkit/schematics : 8.1.2 @angular/cli : 8.1.2 @ionic/angular-toolkit : 2.0.0 Utility: cordova-res : not installed native-run : not installed System: NodeJS : v10.15.1 (/usr/local/bin/node) npm : 6.4.1 OS : macOS Mojave

でした。

ionic CLIがサポート外だからdevappで表示されないのでしょうか?

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

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

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

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

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

guest

回答1

0

ionic serve実行時にオプションはつけてますか?
今のCLIのverだとオプションつけないと表示されなかったと思います。

ionic serve --devapp

投稿2019/08/17 04:50

scrpgil

総合スコア109

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

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

Gento

2019/08/22 02:11

ionic serve実行時にオプションは付けています。 しかし実機で起動できません・・・・
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問