2015-06-09 10 views
6

--live-reload पैरामीटर का उपयोग करते समय मैं अपने फोन पर अपना आयनिक ऐप नहीं देख सकता।Ionic --live-reload डिवाइस पर चल रहे ऐप

मैं विंडोज 8.1 और एक कनेक्टेड नेक्सस 5 एंड्रॉइड डिवाइस का उपयोग कर रहा हूं। ऐप नमूना sidemenu ऐप ionic start demo sidemenu के साथ बनाया गया है।


जब मैं ionic run --live-reload चलाने के लिए, मैं पहली बार संभव आईपी पतों की एक सूची द्वारा प्रस्तुत हो:

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 चुनें - यह मेरा विकास पीसी के आईपी पते है, कि होस्टिंग है आयनिक सर्वर।


आयोनिक इस चयन की पुष्टि करता है, और इस बात की पुष्टि यह बंदरगाहों के रूप में नीचे करने के लिए काम कर रहा है:

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 

मैं पुष्टि की है कि यह मेरे पीसी पर क्रोम खोलने और http://192.168.0.109:8100

पर नेविगेट करके पेज सेवारत है

जब ऐप एंड्रॉइड डिवाइस पर चलता है, तो यह पहले स्पलैश स्क्रीन प्रदर्शित करता है, फिर त्रुटि के साथ वेबव्यू दिखाता है:

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

net::ERR_ADDRESS_UNREACHABLE 

यह भी आयोनिक मंचों पर सूचित किया गया है:


जहां तक ​​मेरा बता सकते हैं, मैं खोला TCP पोर्ट 35,729 & 8100 मेरी विंडोज मशीन पर (नियंत्रण कक्ष का उपयोग - फ़ायरवॉल सेटिंग्स)।

मुझे क्या कॉन्फ़िगर करना होगा ताकि मैं अपने डिवाइस पर अपना आयनिक ऐप देख सकूं?

उत्तर

4

को सही होगा ऊपर विन्यास सब सही था।

पोर्ट फ़ायरवॉल में बंदरगाहों को खोलने की आवश्यकता है - लेकिन लापता चरण को फ़ायरवॉल सेटिंग्स को अपडेट करने के बाद रीबूट की आवश्यकता थी।

रीबूट के बाद, सब ठीक से काम कर रहा है।

3

ऐसा लगता है कि आप एक कॉरस मुद्दे का सामना कर रहे हैं।

& कॉन्फ़िगर cordova-plugin-whitelist स्थापित करें आपकी समस्या का

+0

इस तरह के सामान्य मुद्दों के लिए उपयोगी जानकारी। देशी ऐप्स से हाइब्रिड ऐप्स पर आने वाले किसी के लिए जानना अच्छा है। –

1

मैं इस के लिए रास्ता देर हो रही है, लेकिन मेरी 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")

+0

हर बार जब मैं src = "https://10.0.0.25:8100" को हटाता हूं, तो जब मैं एंड्रॉइड चलाता हूं तो यह फिर से उत्पन्न होता है? –

2
बदलकर तय

ज्यादातर लोगों के लिए समस्या नहीं है, लेकिन मेरे लिए ऐसा इसलिए था क्योंकि मैं अपने फोन पर वीपीएन चला रहा था।

2

आसान है, तो आप cmd में इस आदेश का उपयोग कर सकते हैं और इस अच्छी तरह से काम कर रहा है:

ionic serve --address 0.0.0.0 
संबंधित मुद्दे