Weryfikacja schematu nie powiodła się z powodu następujących błędów: Ścieżka danych „.builders [„ powłoka aplikacji ”]” powinna mieć wymaganą właściwość „klasa”

109
Schema validation failed with the following errors:
  Data path ".builders['app-shell']" should have required property 'class'.

Schema validation failed with the following errors:
  Data path ".builders['app-shell']" should have required property 'class'.
Error: Schema validation failed with the following errors:
  Data path ".builders['app-shell']" should have required property 'class'.
    at MergeMapSubscriber._registry.compile.pipe.operators_1.concatMap.validatorResult [as project] (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\@angular-devkit\core\src\workspace\workspace.js:210:42)
    at MergeMapSubscriber._tryNext (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\operators\mergeMap.js:65:27)
    at MergeMapSubscriber._next (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\operators\mergeMap.js:55:18)
    at MergeMapSubscriber.Subscriber.next (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\Subscriber.js:64:18)
    at MergeMapSubscriber.notifyNext (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\operators\mergeMap.js:84:26)
    at InnerSubscriber._next (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\InnerSubscriber.js:25:21)
    at InnerSubscriber.Subscriber.next (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\Subscriber.js:64:18)
    at MapSubscriber._next (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\operators\map.js:52:26)
    at MapSubscriber.Subscriber.next (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\Subscriber.js:64:18)
    at SwitchMapSubscriber.notifyNext (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\operators\switchMap.js:77:26)
Princeton
źródło

Odpowiedzi:

179

Spróbuj zaktualizować package.jsonplik, aby "@angular-devkit/build-angular": "^0.800.1"czytał"@angular-devkit/build-angular": "^0.12.4"

Następnie uruchom npm installw linii poleceń.

Źródła: https://stackoverflow.com/a/56537342

Renato Pradebon
źródło
47

To zadziałało dla mnie.

npm uninstall @angular-devkit/build-angular

npm install @angular-devkit/[email protected]
Johnbosco Egwuagu
źródło
1
Pracowałem dla mnie, miałem Angular CLI: 7.1.4 Node: 10.7.0 Angular: 8.2.14 Dzięki
Awais Khan
16

Spróbuj zaktualizować @angular/coreza pomocąng update @angular/cli @angular/core

Arasu Mani
źródło
12

Angular Cli 8 obsługuje Node Js 10.9+. Po aktualizacji Node.js do 10.16 działa dobrze.

Alexey Zheleznyakov
źródło
Tak, zdarzyło mi się to, ponieważ użyłem NVM, aby przełączyć się na wersję 8 i zapomniałem przełączyć się z powrotem na wersję 10 i zaskakująco otrzymałem ten błąd!
Mohammad Kermani
12

Większość odpowiedzi jest poprawnych, stwierdzając, że dzieje się tak z powodu niezgodności między:

  • wersja węzłowa i wersja kątowa

LUB

  • @angular-devkit/build-angular wersja i wersja kątowa

Ten problem jest najbardziej prawdopodobny, jeśli:

  1. ulepszona / zdegradowana wersja nodejs (która nie jest już kompatybilna z wersją kątową)

  2. Ulepszona wersja kątowa

  3. Biegł npm audit fix

Dla 1, sprawdź potrzebną obsługę wersji nodejs tutaj: https://angular.io/guide/setup-local i sprawdź zainstalowaną wersję. Jeśli używasz najnowszej wersji angular, powinieneś być w stanie sprawić, by działał z najnowszą wersją nodejs.

Czy postępowałeś zgodnie z instrukcjami tutaj: https://update.angular.io/ ? Jeśli tak, i nadal masz problemy, poszukaj istniejących problemów lub utwórz je tutaj: https://github.com/angular/angular/issues

W przypadku wersji 3 npm audit fixaktualizuje @angular-devkit/build-angularwersję do wyższej wersji, ponieważ @angular-devkit/build-angularnie jest zgodna z prawidłową wersjonowaniem (główne wydania nadal aktualizują tylko wersję pomocniczą). Zobacz tutaj, aby sprawdzić kompatybilną wersję dla swojej wersji kątowej: https://www.npmjs.com/package/@angular-devkit/build-angular?activeTab=versions Użyj poprawnej wersji, a problem zostanie naprawiony.

PS: To dobra lektura na temat wersjonowania kątowego: https://angular.io/guide/releases

Sterex
źródło
6
Dziękuję za telefon npm audit fix- to spowodowało to dla mnie.
LHM
11

Właśnie znalazłem tę odpowiedź z innego linku,

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/[email protected]
Tadele Ayelegn
źródło
3

Co zrobiłem, to odinstalowanie i zainstalowanie „^ 0.13.0”. Potwierdzam / popieram tę ostatnią odpowiedź. U mnie też się udało. Miałem odinstalowaną wersję „^ 0.800.0” i zainstalowałem „^ 0.13.0”. odbuduj swój projekt, będzie działał dobrze.

C. poprawić
źródło
3

To działa dla mnie

  1. npm uninstall @ angular-devkit / build-angular
  2. npm install @ angular-devkit / build-angular @ 0.13.0
Madhusanka Edirimanna
źródło
3

Zaktualizuj @ angular-devkit / build-angular do „^ 0.13.9”. Potem biegnij, npm install a potem biegnij npm serve.

Okular:

Angular: 7.2.15
Angular CLI: 7.3.9
Węzeł: 11.2.0
System operacyjny: darwin x64

Panie Pencilwoods
źródło
Czy miałeś na myśli ng serve?
melikesahin
2

Muszę powiedzieć, że jeśli nie chcesz niczego zmieniać w package.jsonpliku, spróbuj zaktualizować wersję Node.js do najnowszej. (obecnie 12.13.1 LTS)

Ted Corleone
źródło
2

Otrzymałem ten sam błąd podczas aktualizacji kątowej z 6 do 8.

Prosta aktualizacja kątowego CLI do najnowszej wersji i wersji węzła do 10+.

1) Odwiedź ten link, aby pobrać najnowszą wersję węzła. Angular 8 wymaga 10+.
2) Wykonaj npm i @ angular / cli @ latest aby zaktualizować CLI.


To, co mam obecnie

wprowadź opis obrazu tutaj

Pranjal Successena
źródło
2

Poniżej pracował dla mnie.

> 1. npm uninstall @angular-devkit/build-angular 

> 2. npm install @angular-devkit/[email protected]

jeśli używamy

UNIKAJ : poprawki audytu npm -f

może to spowodować problem, więc nie używaj go.

Ankur Garg
źródło
To działa dla mnie i masz rację, naprawa audytu npm jest główną przyczyną.
Tatipaka
1

To załatwi sprawę za Ciebie:

  1. Zaktualizuj kliknięcie kątowe, uruchamiając polecenie ng update @angular/cli @angular/core
  2. Uruchom lub skompiluj projekt, uruchamiając odpowiednio polecenia ng slub ng build.
tonderaimuchada
źródło
1

Mam ten problem podczas instalowania Bootstrap.

Pomogły mi następujące polecenia:

npm uninstall @angular-devkit/build-angular

npm install @angular-devkit/[email protected]
senthilkumar sugumar
źródło
0
  1. Otwarty plik package.json
  2. Zmieniono "@ angular-devkit / build-angular": "^ 0.800.0" na "@ angular-devkit / build-angular": "^ 0.10.0" lub zmieniono Zmiana z "@ angular-devkit / build-angular" : "^ 0,802,1" do "@ angular-devkit / build-angular": "^ 0,13,9"
  3. Uruchom instalację npm
  4. Uruchom serwis

Oryginalna wersja może być inna, ale konieczna jest zmiana na wersję 0.10.0 lub 0.13.9, która naprawi problem

user12263686
źródło
0
  1. otwórz cmd z bieżącego projektu
  2. npm uninstall @ angular-devkit / build-angular
  3. npm install --save-dev @ angular-devkit / build-angular
Ramu
źródło