前提・実現したいこと
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で表示されないのでしょうか?
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/08/22 02:11