Galat: Jalur data ".builders ['app-shell']" harus memiliki properti 'kelas'

Saya mendapatkan kesalahan ini saat menjalankan aplikasi saya. Berikut ini rincian aplikasi saya.

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

Saya sudah mencoba membersihkan cache.

Di package.json Anda, ubah pembuat devkit.

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

untuk

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

ini bekerja untuk saya.
semoga berhasil.

Mengikuti berhasil untuk saya

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/[email protected]

Semua orang di sini memfokuskan pada penurunan versi @ angular-devkit / build-angular ke @angular 7.x untuk kompatibilitas, tetapi yang harus mereka lakukan adalah memutakhirkan@angular/cli ke versi 8 sudut.

Masalahnya adalah bahwa sistem cli masih terjebak pada versi lama dan tidak diperbarui secara otomatis oleh ng update (karena berada di luar proyek yang dikontrol sudut), sehingga sedang ditinggalkan di versi yang tidak kompatibel ketika mencoba mengakses perpustakaan sudut.

Penurunan peringkat @angular-devkit/build-angularhanya menyebabkan lebih banyak ketidakcocokan.

npm i --global @angular/cli@latest

akan memperbaiki masalah tanpa merusak barang-barang di tempat lain.

Semua orang berfokus pada menurunkan @angular-devkit/build-angularversi ke X, atau meningkatkan@angular/cli versi ke Y atau terbaru.

Namun, Tolong jangan menyarankan secara membutaX or Y or latest sebagai jawaban. (Meskipun biasanya, menurunkan versi devkit harus lebih baik karena meningkatkan CLI adalah perubahan besar)

Versi yang benar untuk dipilih, selalu tergantung pada versi Angular Anda (angular-cli).

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

Untuk versi spesifik lainnya, kunjungi: https://github.com/angular/angular-cli/tags . Temukan versi CLI Anda, dan di beberapa tag, mereka menyebutkan versi yang sesuai untuk @angular-devkit/**paket.

Catatan: Jika Anda ingin meningkatkan versi CLI Anda, Anda harus mempertimbangkan untuk memutakhirkan ke versi terbaru utama Anda, jangan langsung beralih ke versi utama berikutnya.

@ Angular-devkit Anda tidak kompatibel dengan versi @ angular / cli, jadi instal yang lebih lama seperti ini misalnya:

npm install @angular-devkit/[email protected] @angular-devkit/[email protected]

Masalah yang sama setelah mencoba memutakhirkan ke Ng8 yang gagal karena masalah ketergantungan.

npm uninstall @angular-devkit/build-angular

lalu saya gunakan,

npm install @angular-devkit/[email protected]

memperbaikinya ...

Saya memiliki masalah yang sama, tetapi saya menyelesaikannya berkat komentar Ekta Gandhi:

Akhirnya saya menemukan solusinya.

1) Pertama-tama hilangkan semua perubahan pada file package.json dengan memberikan perintah git checkout. Package.json.

2) Kemudian setelah melakukan perubahan pada package.json di @ angular-devkit / build-angular- ~ 0.800.1 (Tambahkan tail bukannya cap)

3) Kemudian jalankan perintah rm -rf node_modules /

4) Kemudian bersihkan catch dengan memberikan perintah npm clean cache -f

5) Dan akhirnya jalankan perintah npm install. Ini bekerja untuk saya.

.... Bersamaan dengan modifikasi yang diusulkan oleh Dimuthu

Berhasil ke @ angular-devkit / build-angular ":" 0.13.4 "dan berhasil.

Ini terjadi pada saya ketika saya menginstal Angular 8, ada beberapa ketidakcocokan yang tidak dapat saya pecahkan. Saya harus menurunkan versi karena saya pergi ke lubang kelinci juggling dengan setiap versi sampai saya menemukan satu yang berfungsi.

Pertama, TypeScript sudah usang, instalasi default menambahkan referensi ke TypeScript 3.1.6 dan membutuhkan 3,4 atau lebih besar.

npm install typescript@">=3.4 <3.5"

Kedua, menggunakan devkit 0.800.1 atau 0.800.1 selalu berakhir dengan ketidakcocokan. Saya mencoba banyak kombinasi tetapi saya tidak yakin itu sepenuhnya kompatibel, khususnya karena saya menggunakan satu bootstrap sedikit lebih tua dan saya belum bisa memutakhirkan.

Akhirnya saya mencoba untuk menurunkan versi (buka package.json dan temukan devDependencies) sampai salah satunya bekerja.

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

Saya yakin masalah Anda adalah versi dependensi tetapi saya tidak dapat memberi tahu Anda yang mana. Cobalah downgrade.

Coba perbarui file package.json dari

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

untuk

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

Kemudian jalankan npm install di baris perintah.

Saya juga menemukan masalah ini dan bagi saya ketika melakukan pembaruan lebih banyak masalah terjadi.

Apa yang berhasil bagi saya pada akhirnya adalah lebih atau kurang untuk menghapus clari sudut dan menginstalnya kembali dengan langkah-langkah ini:

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

ini membantu saya keluar sumber: cara menghapus angular / cli

Saya melakukan perubahan ini dalam file package.json, lalu berfungsi.

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

untuk

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

Saya berubah @angular-devkit/build-angular": "0.9.0.1"menjadi @angular-devkit/build-angular": "0.13.4"dan berhasil.

Saya juga menghadapi masalah ini dan berjuang berjam-jam untuk menyelesaikannya, saya telah mencoba semua opsi di atas tetapi tidak ada yang menyelesaikan masalah saya. Masalah ini terjadi karena ketidakcocokan versi angular / cli dan angular-devkit, jadi saya melakukan hal berikut:

1. Versi file yang diubah secara manual:

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

   @angular/cli": "~7.0.3", // Ini untuk Angular7, untuk Angular8: 0.803.23

2. Package-lock.json dihapus

3. Dilakukan: instal npm

Itu memecahkan masalah saya.

Di sisi saya itu paket

@ angular-devkit / build-angular

dan

@ angular-devkit / build-ng-packagr

bukan versi yang sama, Memperbarui build-ng-packagrke versi yang sama seperti build-angularmemperbaiki masalah saya.

Jika Anda pindah ke sudut 8 atau 9 ini akan melakukan trik

ng update @angular/cli

Anda cukup mengaudit kode Anda lalu

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

Anda memiliki dependensi yang tidak kompatibel, saya menyelesaikan masalah ini dengan mengubah package.json dari sudut pandang proyek yang lain dan kemudian setelah mengubah paket ini, Anda hanya mengubah versi dependensi yang Anda miliki.

setelah perubahan tulis:

tautan -npm

-npm melayani -o

maka itu berhasil :)

   {
   "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"
   }

Saya memiliki masalah ini, ini adalah bagaimana saya menyelesaikannya. Masalahnya sebagian besar adalah bahwa versi Angular Anda tidak mendukung versi Node.js Anda untuk versi build. Jadi solusi terbaik adalah meningkatkan Node.js Anda ke yang stabil saat ini.

Untuk pemutakhiran Node.js yang bersih, saya sarankan menggunakan n. jika Anda menggunakan Mac.

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

dan sekarang periksa apakah Anda diperbarui:

node -v
npm -v

Untuk lebih jelasnya, periksa tautan ini: di sini

Tidak ada jawaban yang diberikan di atas yang berfungsi untuk saya.

Tujuan awal saya adalah untuk memperbaiki KOMPILING proyek saya dengan VSCode yang terkadang KONSTAN .

Saya mencoba banyak, banyak cara, tetapi TIDAK ADA yang berhasil - proyek ini TIDAK AKAN KOMPILIE!

Akhirnya saya mengetahui apa masalahnya di sini:

Saya mengkloning proyek dari repositori perusahaan saya, dan semua kode dari sana HARUS cocok dengan versi dependensi ketika bagian proyek yang ada dikodekan.

Pada akhirnya, saya menghapus proyek yang sebelumnya dikloning LAGI (beberapa kali) , dan kloning LAGI (juga beberapa kali) , dan TAHUKAH TAPI TETAPI TAPI RAN "npm install", dan semuanya mulai bekerja .

Pelajaran yang saya pelajari di sini adalah:

Kadang-kadang Anda akan memperburuk situasi ketika Anda mencoba untuk memperbaiki beberapa masalah (yang saya miliki adalah KOMPILING KONSTAN dari proyek saya).

Tetapi itu tidak berarti kita tidak dapat mencoba untuk memperbaiki masalah. Kita dapat. Tetapi ketika semuanya menjadi berantakan, sebaiknya kita pergi dengan kode asli.

Untungnya kompilasi terus-menerus dari proyek saya hanya terjadi sesekali, tidak setiap saat. Itu tidak diperbaiki, tetapi saya harus menanggungnya, kalau tidak proyek saya tidak akan dikompilasi.

itu berfungsi menginstal ulang @ angular-devkit / build-angular @ 0.13.4

npm install @angular-devkit/[email protected] --save-dev