Hatalar: “.builders ['app-shell']” veri yolu gerekli 'sınıf' özelliğine sahip olmalıdır

Uygulamamı çalıştırırken bu hatayı alıyorum. İşte uygulamamın detayları.

Angular CLI: 7.3.3 
Node: 10.15.1 
Angular: 7.2.7 
@angular-devkit/architect -0.13.3 
@angular-devkit/build-angular- 0.800.1 
@angular-devkit/build-optimizer - 0.800.1 
@angular-devkit/build-webpack - 0.800.1 
@angular-devkit/core -7.3.3 
@angular-devkit/schematics -7.3.3 
@angular/cli -7.3.3 
@ngtools/webpack -8.0.1 
@schematics/angular -7.3.3 
@schematics/update 0.13.3 
rxjs 6.3.3 
typescript 3.2.4 
webpack 4.30.0

Zaten temiz önbellek denedim.

Package.json dosyasında devkit oluşturucusunu değiştirin.

"@angular-devkit/build-angular": "^0.800.1",

için

"@angular-devkit/build-angular": "^0.10.0",

benim için çalışıyor.
iyi şanslar.

Takip etmek benim için çalıştı

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular@0.13.0

Buradaki herkes uyumluluk için @ angular-devkit / build-angular 'ı @gular 7.x sürümlerine indirmeye odaklanıyor, ancak yapmaları gereken@angular/cli açısal 8 sürümlere yükseltmektir .

Sorun, sistem klibi hala eski bir sürümde kalıyor ve tarafından otomatik olarak güncellenmiyor ng update(açısal kontrollü projenin dışında olduğu için), bu yüzden açısal kütüphanelere erişmeye çalışırken uyumsuz bir versiyonda kalıyor.

Sürüm düşürme @angular-devkit/build-angularsadece daha fazla uyumsuzluğa neden olur.

npm i --global @angular/cli@latest

sorunu çözecektir olmadan başka yerlerde şeyler kırma.

Herkes @angular-devkit/build-angularsürümü X'e düşürmeye veya @angular/clisürümü Y veya son sürümüne yükseltmeye odaklanıyor .

Ancak, lütfen körü körüne bir X or Y or latestcevap olarak önermeyin . (Yine de, CLI'yi yükseltmek kırıcı bir değişiklik olduğu için devkit'in daha iyi olması gerekir)

Seçilecek doğru sürüm, her zaman Açısal (açısal-cli) sürümünüze bağlıdır.

Angular CLI v8.3.19 -> 0.803.19
Angular CLI v8.3.17 -> 0.803.17
Angular CLI v7.3.8 -> 0.13.8
Angular CLI v6-lts -> 0.8.9

Diğer belirli sürümler için şu adresi ziyaret edin: https://github.com/angular/angular-cli/tags . CLI sürümünüzü bulun ve bazı etiketlerde @angular-devkit/**paketler için ilgili sürümlerden bahsediyorlar .

Not: CLI sürümünüzü yükseltmek istiyorsanız, önce ana sürümünüzün en son sürümüne yükseltmeyi düşünmelisiniz, sadece bir sonraki büyük sürüme atlamayın.

@ Angular-devkit'iniz @ angular / cli sürümüyle uyumlu değil, bu yüzden örneğin şöyle eski bir tane yükleyin:

npm install @angular-devkit/build-angular@0.13.8 @angular-devkit/build-ng-packagr@0.13.8

Bağımlılık sorunları nedeniyle başarısız olan Ng8'e yükseltmeye çalıştıktan sonra aynı sorun.

npm uninstall @angular-devkit/build-angular

sonra kullandım,

npm install @angular-devkit/build-angular@0.12.4

onu düzeltti...

Aynı problemim vardı, ama Ekta Gandhi'nin yorumu sayesinde çözdüm:

Sonunda çözümü buldum.

1) Öncelikle basit komut git checkout package.json komutunu vererek package.json dosyasındaki tüm değişiklikleri ortadan kaldırın.

2) Sonra paketi değiştirdikten sonra @ angular-devkit / build-angular- ~ 0.800.1'de (json, kapak yerine kuyruk ekleyin)

3) Ardından rm -rf node_modules / komutunu çalıştırın.

4) Sonra npm clean cache komutunu vererek yakalamayı temizleyin -f

5) Ve son çalıştırma komutu npm install. Bu benim için çalışıyor.

.... Dimuthu tarafından önerilen değişiklikle birlikte

@ Angular-devkit / build-angular "olarak yapıldı:" 0.13.4 "ve işe yaradı.

Angular 8'i kurduğumda bu oldu, çözemediğim bazı uyumsuzluklar var. Düşürmek zorunda kaldım, çünkü çalışan bir tane bulana kadar her versiyonla hokkabazlık yapan tavşan deliğinden indim.

İlk olarak, TypeScript eskiydi, varsayılan kurulum TypeScript 3.1.6'ya bir referans ekledi ve 3.4 veya üstü gerekiyor.

npm install typescript@">=3.4 <3.5"

İkincisi, devkit 0.800.1 veya 0.800.1 kullanıldığında her zaman uyumsuzluklar ortaya çıktı. Birçok kombinasyon denedim ama henüz tam olarak uyumlu olduğundan emin değilim, çünkü biraz daha eski bir bootstrap kullanıyorum ve henüz yükseltemiyorum.

Sonunda bunlardan biri işe yarayana kadar eski sürüme geçmeye çalıştım (package.json adresine gidin ve devDependencies'i bulun).

@angular-devkit/build-angular": "0.13.4"

Sorununuzun bağımlılık sürümleri olduğundan eminim ama hangisini söyleyemem. Eski sürüme geçirmeyi deneyin.

Package.json dosyasını güncellemeyi deneyin

  "@angular-devkit/build-angular": "^0.800.1" 

için

  "@angular-devkit/build-angular": "^0.12.4"

Sonra komut satırında npm install komutunu çalıştırın.

Ben de bu sorunla karşılaşıyordum ve benim için daha fazla güncelleme yaparken daha fazla sorun oluştu.

Sonunda benim için işe yarayan, açısal klibi kaldırmak ve aşağıdaki adımlarla yeniden yüklemek için az ya da çok oldu:

npm uninstall -g @angular/cli
npm cache clean --force
npm install -g @angular/cli

bu bana yardımcı oldu kaynak: açısal / cli nasıl kaldırılır

Bu değişikliği package.json dosyasında yaptım, sonra çalışıyor.

"@angular-devkit/build-angular": "^0.803.23"

için

"@angular-devkit/build-angular": "^0.13.9"

Değiştim @angular-devkit/build-angular": "0.9.0.1"için @angular-devkit/build-angular": "0.13.4"ve işe yaradı.

Ayrıca bu sorunla karşı karşıya kaldım ve çözmek için saatlerce uğraştım, yukarıdaki tüm seçenekleri denedim ama hiçbir şey sorunumu çözmedi. Bu sorun, açısal / cli ve açısal devkit sürüm uyumsuzluğu nedeniyle oluşur, bu yüzden aşağıdakileri yaptım:

1. Dosyaların manuel olarak değiştirilmiş sürümü:

   @ angular-devkit / build-angular ":" ^ 0.13.9 ",

   @angular/cli": "~7.0.3", // Bu Angular7, Angular8 için: 0.803.23

2. Package-lock.json silindi

3. Yürütüldü: npm yükleme

Sorunumu çözdü.

Benim tarafımda paket oldu

@ Açısal devkit / birikmesi açısal

ve

@ Açısal devkit / birikmesi ng-packagr

Güncellenmesi, aynı versiyonu değildi build-ng-packagraynı sürüme build-angularsorunumu sabit.

Eğer açısal 8 veya 9'a hareket ederseniz, bu hile yapacaktır

ng update @angular/cli

Kodunuzu kolayca denetleyebilir ve ardından

#sudo su 
rm -rf package-lock.json node_modules
sudo npm i --save 

Bu sorunu çözdüğümüz uyumsuz bağımlılıklarınız var. Paketi değiştirerek başka bir proje açısını değiştirdikten sonra bu paketi değiştirdikten sonra, yalnızca sahip olduğunuz sürümleri değiştirirsiniz.

değişiklikten sonra yaz:

-npm bağlantısı

-npm hizmet -o

o zaman iş :)

   {
   "name": "angular-jwt-auth",
   "version": "0.0.0",
   "scripts": {
   "ng": "ng",
   "start": "ng serve",
   "build": "ng build",
   "test": "ng test",
   "lint": "ng lint",
   "e2e": "ng e2e"
   },
   "private": true,
   "dependencies": {
   "@angular/animations": "^7.1.4",
   "@angular/cdk": "^7.3.1",
   "@angular/common": "~7.1.0",
   "@angular/compiler": "~7.1.0",
   "@angular/core": "~7.1.0",
   "@angular/forms": "~7.1.0",
   "@angular/http": "^6.1.10",
   "@angular/material": "^7.3.1",
   "@angular/platform-browser": "~7.1.0",
   "@angular/platform-browser-dynamic": "~7.1.0",
   "@angular/router": "~7.1.0",
   "@ng-bootstrap/ng-bootstrap": "^4.2.0",
   "@types/jquery": "^3.3.29",
   "angular-6-datatable": "^0.8.0",
   "bootstrap": "^4.3.1",
   "chart.js": "^2.8.0",
   "core-js": "^2.5.4",
   "jquery": "^3.4.1",
   "rxjs": "~6.3.3",
   "zone.js": "~0.8.26"
    },
   "devDependencies": {
   "@angular-devkit/build-angular": "~0.11.0",
   "@angular/cli": "~7.1.0",
   "@angular/compiler-cli": "~7.1.0",
   "@angular/language-service": "~7.1.0",
   "@types/chart.js": "^2.7.53",
   "@types/jasmine": "^2.8.16",
   "@types/jasminewd2": "^2.0.6",
   "@types/node": "~8.9.4",
   "codelyzer": "~4.2.1",
   "jasmine-core": "~2.99.1",
   "jasmine-spec-reporter": "~4.2.1",
   "karma": "~3.1.1",
   "karma-chrome-launcher": "~2.2.0",
   "karma-coverage-istanbul-reporter": "~2.0.1",
   "karma-jasmine": "~1.1.2",
   "karma-jasmine-html-reporter": "^0.2.2",
   "protractor": "~5.4.0",
   "ts-node": "~7.0.0",
   "tslint": "~5.11.0",
   "typescript": "~3.1.6"
   }

Bu sorunu yaşadım, bu şekilde çözdüm. Sorun çoğunlukla, Angular sürümünüzün Node.js sürümünüzü desteklememesidir. Bu nedenle en iyi çözüm, Node.js'nizi en güncel kararlı olana yükseltmektir.

Node.js temiz yükseltme için n kullanmanızı öneririz. Mac kullanıyorsanız.

npm install -g n
npm cache clean -f
sudo n stable
npm update -g

ve şimdi güncellenip güncellenmediğini kontrol edin:

node -v
npm -v

Daha fazla ayrıntı için bu bağlantıyı kontrol edin: burada

Yukarıda verilen cevaplardan HİÇBİRİ benim için işe yaramıyor.

Benim asıl amacım bazen VSCode ile projemin SABİT DERLEME düzeltmek oldu .

Ben çok, çok yol denedim, ama hiçbir şey işe yaramadı - proje sadece COMPILIE OLMAYACAK!

Sonunda burada sorunun ne olduğunu öğrendim:

Projeyi şirketimin deposundan klonladım ve oradaki tüm kod, projenin mevcut kısmı kodlandığında bağımlılık sürümleriyle tam olarak gitmek zorunda.

Sonunda, daha önce klonlanmış projeyi AGAIN (oldukça birkaç kez) sildim ve AGAIN (ayrıca birkaç kez) klonladım ve HİÇBİR ŞEY RAN "npm install" DIDING ve her şey çalışmaya başladı .

Burada öğrendiğim ders şudur:

Bazen bazı sorunları düzeltmeye çalıştığınızda durumu daha da kötüleştireceksiniz (sahip olduğum şey projemin SABİT DERLEME idi).

Ancak bu, sorunları çözmeye çalışamayacağımız anlamına gelmez. Yapabiliriz. Ancak her şey bir karmaşaya dönüştüğünde, orijinal kodla gitsek iyi olur.

Neyse ki, projemin SABİT DERLEME her zaman değil, sadece bir kez olur. Sabit değil, ama buna katlanmak zorundayım, aksi takdirde projem bile derlenmeyecek.

iş yeniden yükleme @ angular-devkit / build-angular @ 0.13.4

npm install @angular-devkit/build-angular@0.13.4 --save-dev