मैंने इंटरनेट पर सभी समाधानों की कोशिश की कि कैसे एक कोणीय परियोजना में PWA को जोड़ा जाए, लेकिन अभी भी क्रोम देव टूल्स में, कोई भी सेवा कार्यकर्ता पंजीकृत नहीं है।

मैंने ng build --prod और http-server -o के साथ ng add @angular/pwa चलाया और अभी भी कोई सेवा कर्मचारी पंजीकृत नहीं है। यह एक @angular/service-worker पैकेज भी नहीं जोड़ता है और साथ ही कोई Manifest.json फ़ाइल भी नहीं जोड़ता है जैसा कि पूरे इंटरनेट पर इंगित किया जाना चाहिए।

मैंने ng new myProject --service-worker के साथ पूर्व-स्थापित PWA के साथ एक नया प्रोजेक्ट बनाने का भी प्रयास किया, वह भी काम नहीं कर रहा था।

मैंने नीचे की तरह काम करने वाली सेवा को पंजीकृत करने का भी प्रयास किया:

if ( 'serviceWorker' in navigator ) { window.addEventListener('load', function() { navigator.serviceWorker.register('/service-worker.js'); });

एक साइड नोट: जब मैं ng add @angular/pwa चलाता हूं तो मुझे एक संदेश मिलता है "पथ '/ngsw-config.json' पहले से मौजूद है", इसलिए मुझे पता चला कि वह फ़ाइल @schematics पैकेज के अंतर्गत है। स्क्रिप्ट केवल एक @angular/pwa पैकेज जोड़ती है, जो एंगुलर PWA डॉक्स से मेल नहीं खाती।


यहाँ मेरा पर्यावरण है:

Angular 6.1.2
Angular CLI: 6.1.3
Node 8.11.3
NPM  5.6.0

एक सादा PWA कोणीय परियोजना प्राप्त करने के लिए मुझे क्या करने की आवश्यकता है?

5
deanwilliammills 16 अगस्त 2018, 01:38
1
हाँ, दुर्भाग्य से हाल ही में cli में काफी कुछ बग प्रतीत होते हैं :( स्वयं भी इसमें भाग लिया और कोई आसान समाधान नहीं मिला। मैं परियोजना के अन्य भागों पर काम कर रहा हूं। इस दौरान :)
 – 
PeS
16 अगस्त 2018, 02:19
1
मेरे पास यहां एक खाली आधार PWA है यदि आपकी तुलना करने से मदद मिल सकती है। github.com/ng-chicago/AngularBasePWA
 – 
Mathias
16 अगस्त 2018, 03:02
ध्यान दें कि मेरे द्वारा उठाए गए निर्माण कदम ReadMe.md . में हैं
 – 
Mathias
16 अगस्त 2018, 03:10
धन्यवाद @ माथियास, मैंने आपकी परियोजना का परीक्षण किया, लेकिन कोई सफलता नहीं मिली, साइट काम करती है, लेकिन कोई सेवा कार्यकर्ता नहीं है और निम्न त्रुटि: 'सुरक्षा त्रुटि: केवल सुरक्षित मूल की अनुमति है'। मुझे लगता है कि इस समय PWA ऐप्स शुरू करने का यह अच्छा समय नहीं है, इसलिए हम हाइब्रिड ऐप्स पर वापस जाते हैं
 – 
deanwilliammills
16 अगस्त 2018, 13:03
1
मैंने इसे एक HTTPS सर्वर पर तैनात किया और यह काम किया, धन्यवाद @ माथियास। तो इससे मुझे थोड़ा गहरा खोदना पड़ा और यह पता लगाने की कोशिश की कि समस्या कहां है। यह @angular/pwa का नया संस्करण है जिसमें कुछ बग हैं। तो चल रहा है ng add @angular/pwa@0.6.8 ने पूरी तरह से काम किया
 – 
deanwilliammills
19 अगस्त 2018, 20:17

3 जवाब

सबसे बढ़िया उत्तर

यह @angular/pwa पैकेज का नया संस्करण है जिसमें कुछ बग हैं। इसलिए ng add @angular/pwa@0.6.8 दौड़ना मेरे लिए पूरी तरह से कारगर रहा।

स्थानीय रूप से सेवा कार्यकर्ता का परीक्षण करने के लिए: यदि आपने अपने प्रोजेक्ट (होस्टिंग) में Firebase जोड़ा है, तो आप ng build --prod और फिर firebase serve चला सकते हैं। जब आपके पास फायरबेस न हो, तो आप ng build --prod, cd को डिस्टर्ब फोल्डर में चला सकते हैं (आपके कॉन्फिग के आधार पर) और फिर http-server -o चला सकते हैं। यदि आपके पास http-server मॉड्यूल नहीं है, तो इसे npm i -g http-server चलाकर स्थापित करें

14
deanwilliammills 20 अगस्त 2018, 02:04
सभी उदाहरण एनजी बिल्ड --प्रोड के साथ हैं। मैं इसे एनजी बिल्ड के साथ कैसे काम कर सकता हूं?
 – 
Ero Stefano
5 फरवरी 2020, 01:47
1
आप बस --prod को छोड़ सकते हैं या स्टेज वातावरण के लिए -c=stage जोड़ सकते हैं, यदि यह सेट अप है
 – 
deanwilliammills
16 जुलाई 2020, 10:31

कोणीय कंसोल का उपयोग करने का प्रयास करें: https://angularconsole.com/

यह क्ली के तर्क को जानने की कई ज़रूरतों को दूर करता है।

यह बीटा में है लेकिन इससे आपको अपने PWA के लिए आधार बनाने में मदद मिलेगी। इसे एनआरएल टीम से बनाने का प्रयास करें जो एनएक्स भी बनाता है जो योजनाबद्ध का उपयोग करके कोणीय/क्ली में वृद्धि है

0
Nico 16 अगस्त 2018, 05:43
सुझाव के लिए धन्यवाद @Nico। मैंने कोणीय कंसोल की कोशिश की, लेकिन यह ठीक वैसा ही परिणाम देता है
 – 
deanwilliammills
16 अगस्त 2018, 12:25
क्या आपने एंगुलर कंसोल का उपयोग करके एक नया प्रोजेक्ट बनाने और उसमें pwa स्कीमैटिक्स जोड़ने का प्रयास किया था?
 – 
Nico
16 अगस्त 2018, 15:02
लेकिन हमारे पास पुराने बड़े प्रोजेक्ट हैं और हम क्ली के हर संस्करण पर नया प्रोजेक्ट नहीं बना सकते हैं। PWA अभी भी बहुत अनुपयोगी है। PWA बिना किसी परिणाम के बहुत समय बर्बाद कर रहा है। मैं संस्करण 10 में PWA की कोशिश करूंगा, अभी के लिए मेरे पास पर्याप्त गैर-कार्यात्मक PWA है। यह सुंदर है - वे समाधान के बिना पीडब्ल्यूए के मुद्दों को बंद कर देते हैं और पीडब्ल्यूए सिर्फ खाली नई परियोजना पर काम करता है।
 – 
bmi
6 जून 2020, 15:50

मेरी भी यही समस्या थी। समस्या इस आदेश से थी: ng add @angular/pwa

Package.json निर्भरता में मॉड्यूल @ angular/pwa नहीं जोड़ा।

मैंने ऐसा तय किया।

पहले मैं ng add @ angular/pwa चलाता हूं फिर मैंने किया: npm install @ angular/pwa

और यह सब काम करता है!

0
Tatyana Molchanova 29 सितंबर 2020, 07:45