Ошибка проверки схемы из-за следующих ошибок: Путь к данным «.builders ['app-shell']» должен иметь обязательное свойство «class»

111
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)
Принстон
источник

Ответы:

179

Попробуйте обновить package.jsonфайл так, чтобы он "@angular-devkit/build-angular": "^0.800.1"читал"@angular-devkit/build-angular": "^0.12.4"

Затем запустите npm installв командной строке.

Ссылка: https://stackoverflow.com/a/56537342

Ренато Прадебон
источник
47

Это сработало для меня.

npm uninstall @angular-devkit/build-angular

npm install @angular-devkit/build-angular@0.13.0
Джонбоско Эгвуагу
источник
1
Работал для меня, у меня был Angular CLI: 7.1.4 Узел: 10.7.0 Angular: 8.2.14 Спасибо
Awais Khan
16

Попробуйте обновить @angular/coreс помощьюng update @angular/cli @angular/core

Арасу Мани
источник
13

Большинство ответов верны в том, что это происходит либо из-за несоответствия между:

  • версия узла и угловая версия

ИЛИ

  • @angular-devkit/build-angular версия и угловая версия

Кроме того, эта проблема чаще всего возникает, если вы:

  1. обновленная / пониженная версия nodejs (которая больше не совместима с версией angular)

  2. Модернизированная угловая версия

  3. Ран npm audit fix

Для 1 проверьте необходимую поддержку версии nodejs здесь: https://angular.io/guide/setup-local и проверьте установленную версию. Если вы используете последнюю версию angular, вы сможете заставить ее работать с последней версией nodejs.

Для 2 вы следовали инструкциям здесь: https://update.angular.io/ ? Если да, и проблемы все еще есть, поищите любые проблемы, которые уже были созданы, или создайте проблему здесь: https://github.com/angular/angular/issues

Для 3 npm audit fixобновляет @angular-devkit/build-angularверсию до более высокой версии, поскольку @angular-devkit/build-angularне соблюдается надлежащее управление версиями (основные выпуски по-прежнему обновляют только дополнительную версию). См. Здесь, чтобы проверить совместимую версию для вашей угловой версии: https://www.npmjs.com/package/@angular-devkit/build-angular?activeTab=versions Используйте правильную версию, и проблема будет устранена.

PS: Это хорошее чтение об угловом управлении версиями: https://angular.io/guide/releases

Sterex
источник
7
Спасибо, что позвонили npm audit fix- вот что стало причиной этого для меня.
LHM
12

Angular Cli 8 поддерживает Node Js 10.9+. После обновления Node.js до 10.16 работает нормально.

Алексей Железняков
источник
Да, это случилось со мной, потому что я использовал NVM, чтобы переключиться на версию 8, и я забыл переключиться обратно на версию 10, и я неожиданно получал эту ошибку!
Мохаммад Кермани
11

Только что нашел этот ответ по другой ссылке,

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular@0.13.0
Таделе Айеленн
источник
4

Обновите @ angular-devkit / build-angular до «^ 0.13.9». Потом беги, npm install а потом беги npm serve.

Технические характеристики:

Angular: 7.2.15
Angular CLI: 7.3.9
Узел: 11.2.0
ОС: darwin x64

Мистер Pencilwoods
источник
Вы имели в виду ng serve?
melikesahin
Не совсем так, @melikesahin, 'ng serve' мог бы работать по-другому в старых версиях angular. 'npm install' и 'npm serve' хорошо работали в Angular: 7.2.15 и Node11, чтобы избавиться от вышеупомянутых ошибок. Если вы собираетесь попробовать «ng serve», поделитесь, пожалуйста, результатом. Спасибо
мистер Пенсилвудс,
3

Я удалил и установил «^ 0.13.0». Подтверждаю / поддерживаю этот последний ответ. Это сработало и для меня. Я удалил версию «^ 0.800.0» и установил «^ 0.13.0». перестройте свой проект, он будет работать нормально.

C. улучшить
источник
3

Это сработало для меня

  1. npm удалить @ angular-devkit / build-angular
  2. npm install @ angular-devkit / build-angular @ 0.13.0
Мадхусанка Эдириманна
источник
3

Ниже работал у меня.

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

> 2. npm install @angular-devkit/build-angular@0.13.0

если мы используем

ИЗБЕГАЙТЕ : npm audit fix -f

это может создать проблемы, поэтому не используйте его.

Анкур Гарг
источник
Это работает для меня, и вы правы, исправление аудита npm является основной причиной.
Татипака,
2

Я должен сказать, что если вы не хотите ничего менять в package.jsonфайле, попробуйте обновить версию Node.js до последней. (в настоящее время 12.13.1 LTS)

Тед Корлеоне
источник
2

Я получил ту же ошибку при обновлении angular с 6 до 8.

Простое обновление angular cli до последней версии и версии узла до 10+.

1) Посетите эту ссылку, чтобы получить последнюю версию узла. Angular 8 требует 10+.
2) Выполните npm i @ angular / cli @ latest, чтобы обновить cli.


Это то, что у меня есть сейчас

введите описание изображения здесь

Пранджал Суччессена
источник
1

Это поможет вам:

  1. Обновите свой angular cli, выполнив команду ng update @angular/cli @angular/core
  2. Запустите или соберите свой проект, выполнив команды ng sили ng buildсоответственно.
тондераймучада
источник
1

У меня возникла эта проблема при установке Bootstrap.

У меня сработали следующие команды:

npm uninstall @angular-devkit/build-angular

npm install @angular-devkit/build-angular@0.13.0
сентилкумар сугумар
источник
0
  1. Открыл package.json
  2. Изменено "@ angular-devkit / build-angular": "^ 0.800.0" на "@ angular-devkit / build-angular": "^ 0.10.0" или изменено Изменение с "@ angular-devkit / build-angular" : "^ 0.802.1" в "@ angular-devkit / build-angular": "^ 0.13.9"
  3. Запустите npm install
  4. Запустите службу

Исходная версия может быть другой, но необходимо изменить ее на версию 0.10.0 или 0.13.9, чтобы устранить проблему.

user12263686
источник
0
  1. открыть cmd из текущего проекта
  2. npm удалить @ angular-devkit / build-angular
  3. npm install --save-dev @ angular-devkit / build-angular
Раму
источник