आयनिक 2 लाइवरलोड

Question

आईओनिक 2 के साथ विकास करते समय कोड परिवर्तन करते समय वर्तमान पृष्ठ पर कैसे रहता है? आयनिक 1 लाइवरेलोड में आपको वापस अपने वर्तमान यूआरएल पर ले जाएगा - हालांकि आयनिक 2 में कोई यूआरएल नहीं है।

क्या ऐसी कोई सेटिंग है जो लाइवरलोड को वर्तमान पृष्ठ पर रखेगी?

मैं यूआरएल को सक्षम करने के लिए भी खुला हूं, अगर यह हर कोड परिवर्तन पर मैन्युअल रूप से मेरे पृष्ठ पर वापस नेविगेट करने की आवश्यकता नहीं है। हालांकि मैं अभी तक v2 दस्तावेज़ों में ऐसा करने में सक्षम नहीं हूं।

Answer 1

आप में this.rootPage सेट कर सकते हैं करना चाहते हैं। मैं अक्सर ऐसा करते हैं अगर मैं पर काम कर रहा हूँ कहना

this.rootPage = FooBar; 

और फिर करने के लिए थोड़ी देर के बीमार यह बदलाव के लिए foobar.ts पेज इसे वापस डिफ़ॉल्ट रूट पृष्ठ पर परिवर्तित होने पर मैंने किया हूँ।

Answer 2

Ionic2 में लाइव रीलोडिंग को रोकने के लिए मैंने कॉन्फ़िगरेशन फ़ाइल में किया है: ionic.config.js।

ionic.config.js

watch: { 
    sass: ['app/**/*.scss'], 
    html: ['app/**/*.html'], 
    livereload: [ 
    'www/build/**/*.html', 
    'www/build/**/*.js', 
    'www/build/**/*.css' 
    ] 
} 

अनुभाग के ऊपर

में संपादित करने के लिए:

watch: { 
    sass: ['app/**/*.scss'], 
    html: ['app/**/*.html'], 
} 

फिर q द्वारा ionic serve बंद कर दिया, और फिर से शुरू कर दिया। ऑटो रीफ्रेशिंग बंद हो गया है, हमें नवीनतम परिवर्तनों को दर्शाने के लिए मैन्युअल रूप से रीफ्रेश करना होगा।

Answer 3

नहीं, आप जो भी मांग रहे हैं उसे करने का कोई तरीका नहीं है, क्योंकि आयनिक 2 यूआरएल का उपयोग नहीं कर रहा है। दरअसल वे पृष्ठों पर एक चर के रूप में पृष्ठों को संभालने वाले हैं, इसलिए जब आप या लाइव रीलोड पृष्ठ को रीफ्रेश करते हैं तो यह प्रारंभिक स्थिति में जाएगा। अपने पृष्ठ पर कार्य कर रहे हैं करने के लिए app.component.ts वैसे वास्तव में वहाँ कोणीय रूटर लागू, के आर सी तक इंतजार करते हैं के लिए कोई योजना नहीं हैं, हो सकता है वे लागू करने के लिए यह

Answer 4

असल में ionic.config.js को हटा दिया गया है। तो मुझे एक रास्ता मिल सकता है, इस node_modules\@ionic\app-scripts\config पर जाएं। फ़ाइल में बदलें watch.js

srcFiles: { 
    paths: ['{{SRC}}/**/*.(ts|html|s(c|a)ss)'], 
    options: { ignored: ['{{SRC}}/**/*.spec.ts', '{{SRC}}/**/*.e2e.ts', '**/*.DS_Store'] }, 
    callback: watch.buildUpdate 
    },