एंगुलर 5 से एंगुलर 6 तक के स्टेप अपग्रेड डिटेल्स की जाँच करें। ये आपको अपग्रेड के दौरान आने वाली समस्याओं और उन्हें हल करने के तरीके के बारे में विवरण प्रदान करते हैं।
- अपने नोड संस्करण को 8 या इसके बाद के संस्करण में अपडेट करें और विश्व स्तर पर npm i -g @ angular / cli @ नवीनतम द्वारा कोणीय cli नवीनतम स्थापित करें।
- कोणीय 6। Angar.json को .anguar-cli.json के बजाय कॉन्फ़िगरेशन फ़ाइल के रूप में उपयोग करता है। साथ ही tslint को बदल दिया गया है। नवीनतम कॉन्फ़िगरेशन विवरण के लिए https://github.com/angular/angular-cli/wiki/angular-workspace की जाँच करें । आपको अपने किसी भी मौजूदा कॉन्फ़िगरेशन को नई कॉन्फ़िगरेशन फ़ाइल में ले जाना होगा।
- ऐसा करने के लिए नवीनतम 'आपके-प्रोजेक्ट' का उपयोग करके नवीनतम cli के साथ एक और डमी प्रोजेक्ट बनाएं और उसी तरह की चूक जैसे कि उपसर्ग, शैली आदि जो आपने अपने प्रोजेक्ट के लिए पहले उपयोग की थीं। Cli https://github.com/angular/angular-cli/wiki/new के साथ नया प्रोजेक्ट बनाएं
- उपयोग
Https://update.angular.io/ का करें का करके यह जाँचने के लिए कि कोणीय → कोणीय 6. के अपने वर्तमान संस्करण से क्या बदला गया है, यह उन्हें बदलने / ठीक करने के तरीके का उपयोग प्रदान करता है।
- उपरोक्त चरणों का पालन करें और चरण 2 में बनाई गई angular.json फ़ाइल को कॉपी / अपडेट करें। सभी निर्भरताएँ प्राप्त करने और npm अपडेट करने के लिए अपने प्रोजेक्ट में npm i करें
- अब बड़ा हिस्सा आता है। RxJS उन्नयन और विरोधों का समाधान। आरएक्सजेएस ने इस रिलीज के साथ ऑपरेटरों और ऑब्जर्वेबल रचनाकारों के आयात को मानकीकृत किया है। Npm i -g rxjs-tslint करें और tslint.json में लिंट कॉन्फ़िगरेशन के नीचे जोड़ें
{
"rulesDirectory": [
"node_modules/rxjs-tslint"
],
"rules": {
"rxjs-collapse-imports": true,
"rxjs-pipeable-operators-only": true,
"rxjs-no-static-observable-methods": true,
"rxjs-proper-imports": true
}
}
- अब एनजी लिंट - उपसर्ग चलाएं। यह कुछ आइटमों को ठीक करता है लेकिन अधिकांश शेष मुद्दों को हाइलाइट किया जाएगा और आपको इसे मैन्युअल रूप से ठीक करना होगा।
ऑपरेटरों का नाम परिवर्तन:
do -> tap,
catch -> catchError,
switch -> switchAll,
finally -> finalize
सभी ऑपरेटर rxjs / ऑपरेटरों में चले गए
import { map, filter, reduce } from 'rxjs/operators';
अवलोकनीय निर्माण विधियों को rxjs में ले जाया जाता है
import { Observable, Subject, of, from } from 'rxjs';
तुम पूरी तरह तैयार हो। 6 कोणीय में आपका स्वागत है :)
कैसे अपग्रेड करने के बारे में यहां मेरे ब्लॉग पोस्ट की जांच करें
