monacaCLIでmonacaプロジェクトを作成してmonaca debug
すると、usbで接続したiphoneの
monacaデバッガーで「新しいコンピューターが見つかりました」と出ます。
そこで「ペアリング」を選択するとペアリングに失敗しました。コンピューター側のファイアーウォール設定を確認してください。
となりペアリング出来ません。
ファイアーウォールはoffになっています。
monaca previewをするとブラウザで正しく表示されます。
monacaCLIの再インストールなど試しました。
デバッガー側で検出されているPCのIPアドレスは問題なさそうです。
PC側では以下のようなエラーが出ていて、ipアドレスはPCのものと違います。
アドバイスよろしくお願いします。
{ Error: send EHOSTDOWN 169.254.255.255:1337 at SendWrap.afterSend [as oncomplete] (dgram.js:525:11) errno: 'EHOSTDOWN', code: 'EHOSTDOWN', syscall: 'send', address: '169.254.255.255', port: 1337 }
##追記
USB接続を切ってmonaca debug
したところ以下のようになりました。
ただiphone側の表示は変化ありません。
% monaca debug Welcome to Monaca debug - Live-reload and debug in the real device To get started, you need to install Monaca Debugger on your phone. For Android Devices: Search and install "Monaca" in Google Play For iOS Devices: Search and install "Monaca" in App Store After installation, connect your device to the same WiFi network and it will find this computer for pairing. Debugging Guide (JavaScript Dev Tools) https://docs.monaca.io/en/products_guide/debugger/debug/#monaca-debugger-with-monaca-local-development-tools Troubleshooting Guide: https://docs.monaca.io/en/products_guide/debugger/troubleshooting/ Start watching /Users/username/monaca_app/app_name/www Waiting for Monaca Debugger connecting to 192.168.20.239:8001. Running Transpiler... > onsenui-v2-vue-minimum@3.0.1 monaca:debug /Users/username/monaca_app/app_name > npm run watch npm WARN invalid config loglevel="notice" > onsenui-v2-vue-minimum@3.0.1 watch /Users/username/monaca_app/app_name > webpack --watch --mode production build [= ] 10% webpack is watching the files… Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist` Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist` Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist` Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist` You are using @apply rule and custom property sets. This feature won't be included in the next major release of postcss-cssnext. This most likely won't get any more support from browser vendors as the spec is yet considered deprecated and alternative solutions are being discussed. Read more about the reason here https://github.com/pascalduez/postcss-apply. Build completed in 11.025s Hash: f740bd1afc50739d5a3b Version: webpack 4.16.1 Time: 11033ms Built at: 2019/03/15 11:52:26 Asset Size Chunks Chunk Names assets/ionicons.19e65b89cee273a249fba4c09b951b74.eot 118 KiB [emitted] assets/ionicons.dd4781d1acc57ba4c4808d1b44301201.ttf 184 KiB [emitted] assets/ionicons.2c159d0d05473040b53ec79df8797d32.woff 66.3 KiB [emitted] assets/ionicons.aff28a207631f39ee0272d5cdde43ee7.svg 326 KiB [emitted] [big] assets/Material-Design-Iconic-Font.a4d31128b633bc0b1cc1f18a34fb3851.woff2 37.5 KiB [emitted] assets/Material-Design-Iconic-Font.d2a55d331bdd1a7ea97a8a1fbb3c569c.woff 49.1 KiB [emitted] assets/Material-Design-Iconic-Font.b351bd62abcd96e924d9f44a3da169a7.ttf 96.9 KiB [emitted] assets/fontawesome-webfont.674f50d287a8c48dc19ba404d20fe713.eot 162 KiB [emitted] assets/fontawesome-webfont.af7ae505a9eed503f8b8e6982036873e.woff2 75.4 KiB [emitted] assets/fontawesome-webfont.fee66e712a8a08eef5805a46892932ad.woff 95.7 KiB [emitted] assets/fontawesome-webfont.b06871f281fee6b241d60582ae9369b9.ttf 162 KiB [emitted] assets/fontawesome-webfont.912ec66d7572ff821749319396470bde.svg 434 KiB [emitted] [big] assets/select-arrow.7666ad5100c5b47389a7847f76753883.svg 800 bytes [emitted] assets/ios-search-input-icon.121708398e3ee97fba5bf0eacee69e53.svg 1.39 KiB [emitted] assets/android-search-input-icon.ba5e7aa9ed8fa3020f6bf1c33d154017.svg 1.38 KiB [emitted] app.bundle.js 1.58 KiB 0 [emitted] app vendors~app.css 242 KiB 1 [emitted] vendors~app vendors~app.bundle.js 435 KiB 1 [emitted] [big] vendors~app runtime~app.bundle.js 1.42 KiB 2 [emitted] runtime~app index.html 727 bytes [emitted] [0] ./src/App.vue?vue&type=script&lang=js 350 bytes {0} [built] [1] ./node_modules/babel-loader/lib??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js 362 bytes {0} [built] [3] (webpack)/buildin/global.js 489 bytes {1} [built] [4] ./src/App.vue?vue&type=template&id=7ba5bd90 + 1 modules 1.3 KiB {0} [built] | ./src/App.vue?vue&type=template&id=7ba5bd90 194 bytes [built] | ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=template&id=7ba5bd90 1.11 KiB [built] [8] multi ./src/main.js 28 bytes {0} [built] [9] ./src/main.js 659 bytes {0} [built] [13] ./src/App.vue 1.01 KiB {0} [built] + 11 hidden modules Child html-webpack-plugin for "index.html": 1 asset [0] ./node_modules/html-webpack-plugin/lib/loader.js!./src/public/index.html.ejs 1.32 KiB {0} [built] [2] (webpack)/buildin/global.js 489 bytes {0} [built] [3] (webpack)/buildin/module.js 497 bytes {0} [built] + 1 hidden module Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--4-1!node_modules/postcss-loader/lib/index.js??ref--4-2!node_modules/onsenui/css-components-src/src/onsen-css-components.css: Asset Size Chunks Chunk Names assets/select-arrow.7666ad5100c5b47389a7847f76753883.svg 800 bytes [emitted] assets/ios-search-input-icon.121708398e3ee97fba5bf0eacee69e53.svg 1.39 KiB [emitted] assets/android-search-input-icon.ba5e7aa9ed8fa3020f6bf1c33d154017.svg 1.38 KiB [emitted] 6 modules Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--4-1!node_modules/postcss-loader/lib/index.js??ref--4-2!node_modules/onsenui/css/onsenui.css: Asset Size Chunks Chunk Names assets/ionicons.19e65b89cee273a249fba4c09b951b74.eot 118 KiB [emitted] assets/ionicons.dd4781d1acc57ba4c4808d1b44301201.ttf 184 KiB [emitted] assets/ionicons.2c159d0d05473040b53ec79df8797d32.woff 66.3 KiB [emitted] assets/ionicons.aff28a207631f39ee0272d5cdde43ee7.svg 326 KiB [emitted] [big] assets/Material-Design-Iconic-Font.a4d31128b633bc0b1cc1f18a34fb3851.woff2 37.5 KiB [emitted] assets/Material-Design-Iconic-Font.d2a55d331bdd1a7ea97a8a1fbb3c569c.woff 49.1 KiB [emitted] assets/Material-Design-Iconic-Font.b351bd62abcd96e924d9f44a3da169a7.ttf 96.9 KiB [emitted] assets/fontawesome-webfont.674f50d287a8c48dc19ba404d20fe713.eot 162 KiB [emitted] assets/fontawesome-webfont.af7ae505a9eed503f8b8e6982036873e.woff2 75.4 KiB [emitted] assets/fontawesome-webfont.fee66e712a8a08eef5805a46892932ad.woff 95.7 KiB [emitted] assets/fontawesome-webfont.b06871f281fee6b241d60582ae9369b9.ttf 162 KiB [emitted] assets/fontawesome-webfont.912ec66d7572ff821749319396470bde.svg 434 KiB [emitted] [big] 16 modules
追記2
monaca debug
をした後にポートを確認したところ
% sudo lsof -i :8001 COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME node 7613 username 25u IPv6 0xa05254806aa2ab39 0t0 TCP *:vcom-tunnel (LISTEN)
追記3
sudo networksetup -setv6off Wi-Fi
% sudo lsof -i :8001 COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME node 29634 username 25u IPv6 0xa05254805d9ee579 0t0 TCP *:vcom-tunnel (LISTEN)
IPv6で待ち受けているのが原因みたいなので、mac本体のipv6をオフにしましたが特に変化ありませんでした。