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

Bu yazıda Angular CLI nasıl güncellenir, global ve lokal versiyon farkları, karşılaşılan hatalar ve çözüm yöntemlerini adım adım öğreneceksiniz.

Kısa özet: Angular projeleri doğrudan en son sürüme değil, adım adım sürüm yükseltilerek güncellenmelidir.

Angular projelerini güncellerken en önemli konu, sürüm geçişlerini doğru sırayla yapmaktır.

  • Angular 10 → 11 → 12 şeklinde ilerleyin
  • Direkt en son sürüme geçiş önerilmez
  • Özellikle Angular 8 ve altı sürümlerde dikkatli olun

Angular CLI Versiyon Kontrolü

Mevcut Angular sürümünüzü kontrol edin:

ng --version
Angular version kontrol

Angular CLI Global Güncelleme

1. Eski Angular CLI'yi kaldır

# Windows
npm uninstall -g angular-cli

# Linux
sudo npm uninstall -g angular-cli

2. Cache temizleme

npm cache clean
# veya
npm cache verify

3. Yeni sürümü yükle

npm install -g @angular/cli@latest
Hata alırsanız --force parametresi ile tekrar deneyin.

Angular CLI Lokal Güncelleme

Eğer aşağıdaki uyarıyı alıyorsanız:

Your global Angular CLI version is greater than your local version

1. node_modules klasörünü sil

rm -rf node_modules

2. Eski CLI paketini kaldır

npm uninstall --save-dev angular-cli

3. Yeni CLI yükle

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

4. Bağımlılıkları yeniden yükle

npm install

Projeyi Çalıştırma

ng serve

Sonrasında tekrar versiyon kontrolü yapabilirsiniz:

ng --version

Yaygın Hatalar ve Çözümler

Module build failed hatası

./node_modules/... Module build failed

Çözüm:

npm i @angular-devkit/build-angular
npm i @angular/cdk --force
Sürüm uyuşmazlıklarında komutlara --force ekleyebilirsiniz.

Sonuç

Angular projelerini güncellerken dikkat edilmesi gereken en önemli nokta, kademeli güncelleme yapmaktır.

  • Global ve lokal CLI versiyonlarını eşitleyin
  • node_modules temizliği yapın
  • Hataları tek tek çözerek ilerleyin
Öneri: Büyük projelerde güncelleme öncesi mutlaka backup alın.

Latest Software Developers - Yazılım Blog Yazarı Profil Resmi

Yazar

LatestSoftwareDevelopers

Güncel yazılım teknolojilerinin takip edildiği blog.

FrontEnd ile ilgili yorumlar

Yorum Paylaş

EMail Zorunlu alanlar * *