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.
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 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
--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
--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