En Son Angular Sürümüne Uygulamamızı Nasıl Güncelleriz?

Herkese Merhabalar,

Bugünkü yazımızda Jenkins ile Maven war veya jar üretme işleminin detaylarını anlatacağım.

Angular uygulamalarını güncellerken önemli hatırlatma!

1.Uygulamanızı bir sonraki ana sürümüne güncellemeniz her zaman önerilir.

2.Yani, Angular 10 kullanıyorsanız, uygulamayı Angular 11 sürümüne güncelleyin.

3.Angular 8 veya Angular 6,5, 4 vb. sürümlerini kullanıyorsanız, Angular'ın en son sürümüne doğrudan güncelleme yapmaya çalışmayın.

4. Önce Angular uygulamanızı Angular 9'a güncelleyin.

5. Ardından ng update komutunu kullanın.

 

Angular CLI version kontrol etme

Güncelleme yapmadan önce ng --version komutunu kullanarak sisteminizde kurulu olan Angular sürümünü kontrol etmelisiniz.

Angular CLI'yi yeni bir sürüme güncellemek için hem makinenizde yüklü olan global Angular CLI'yi hem de projenizin yerel Angular CLI'sini güncellemeniz tavsiye olunur.

 

ng --v

 

Angular CLI Global Version Güncelle

Angular CLI sürümünü sisteminizde global olarak güncelleme adımları.

Adım 1: Var olan paketleri silelim ve windows,Linux için ayrı kodlar çalıştırmalıyız.

 

Windows için

npm uninstall -g angular-cli

linux için

Sudo npm uninstall -g angular-cli

Adım 2: npm önbeliğini temizlemek için gerekli kodu çalıştıralım.

npm cache clean;

veya

npm cache verify;

linux için

sudo npm cache clean;

veya sudo npm cache verify

Adım 3: En son sürümünü indirmek için kodu çalıştıralım.

npm install -g @angular/cli@latest

linux için

sudo npm install -g @angular/cli@latest

Hata alırsanız --force ekleyerek çalıştırın.

sudo npm install -g @angular/cli@latest –-force

Angular CLI Lokal Versionunu Güncelleme

Lokal versionunuz geri kaldığında aşağıdaki uyarıyı alırız.

Your global Angular CLI version is greater than your local version. The local Angular CLI version is used.

Bu nedenle, çoğunlukla yerel Angular CLI sürümünüzü de güncellemeniz gerekir.

Aşağıdaki adımları uygulamaya başlayalım.

Adım 1: Lokal proje kütüphanelerini silelim.

rm -rf node_modules

linux için

sudo rm -rf node_modules

Adım 2: npm kütüphanesinin var olan versionunu silelim.

npm uninstall --save-dev angular-cli

sudo npm uninstall --save-dev angular-cli

Aşağıdaki gibi hata alırsak – force ile silme kodunu  çalıştırıalım.

npm uninstall --save-dev angular-cli --force

sudo npm uninstall --save-dev angular-cli --force

Adım 3: Angular Son versiyonunu yükleyelim.

İstersek version numarasını yazarakda yükleyebiliriz.

 

npm install --save-dev @angular/cli@latest

linux için

sudo npm install --save-dev @angular/cli@latest

 

npm install --save-dev @angular/cli@latest --force

linux için

sudo npm install --save-dev @angular/cli@latest --force

Adım 4: Son versiyonun paketlerini projeye indirelim.

npm install –-force

Erişim Hatası alırsak sudo komutu çalıştıralım.

Bu kadar kolay geçiş olmayabilir.

 Hataları araştırıp tek tek düzeltmemiz gerekebilir.

En son durumda versiyonumuzu kontrol edelim .

ng --version

Tek tek kütüphaneleri güncelleme komutu

sudo npm install -g @angular/cli@latest --force

Uygulamayı çalışıtırabiliriz.

ng serve

Server çalışırken aşağıdaki hatayı alırsak sürüm sorunu olabilir.

 

./node_modules/@angular/cdk/fesm2015/scrolling.mjs - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js):

 

npm i @angular-devkit/build-angular 

linux için

sudo npm i @angular/cdk --force

Package.json son hali aşağıdaki gibi olmalıdır.

Komutları çalıştırdığımızda hata alıyorsa sonlarına –-force ekleyerek sürüm farklarından kaynaklanan işlemleri geçebiliriz.

Bugünkü yazımızda uygulamamazı en son angular sürümüne nasıl güncellenir anlattık.

Umarız faydalı bir yazı olmuştur.Bir sonraki yazımızda görüşmek dileğiyle.

LatestSoftwaredevelopers.com

Takip etmeyi unutmayın:)

Beğendiysen bir çay ısmarlayabilirsin ☕

Bana çay ısmarla

FrontEnd ile ilgili yorumlar

Yorum Paylaş

EMail Zorunlu alanlar * *