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

Question

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

Я получаю эту ошибку при запуске приложения. Вот подробности моего заявления.

Я уже пробовал очистить кеш.

196

angular6 angular7

Источник

user11404139 31 май '19 в 10:17

3 ответа

Другие вопросы по тегам angular6 angular7

user8607855 31 май '19 в 14:42 2019-05-31 14:42 · Answer 1 · 2019-05-31 14:42

В вашем package.json измените конструктор devkit.

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

в

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

это работа для меня удачи.

193

Источник

user8607855 31 май '19 в 14:42

user5852147 11 июн '19 в 11:21 2019-06-11 11:21 · Answer 2 · 2019-06-11 11:21

Следующее сработало для меня

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

121

Источник

user5852147 11 июн '19 в 11:21

user909061 23 июл '19 в 14:59 2019-07-23 14:59 · Answer 3 · 2019-07-23 14:59

Все здесь сосредоточены на понижении версии @angular-devkit/build-angular до версии @angular 7.x для совместимости, но что они должны сделать, это обновить @angular/cli угловым 8 версиям.

Проблема в том, что система cli все еще застряла на старой версии и не обновляется автоматически ng update (потому что он находится за пределами проекта с угловым управлением), поэтому он остается в несовместимой версии при попытке доступа к угловым библиотекам.

снижение @angular-devkit/build-angular просто вызывает больше несовместимостей.

npm i --global @angular/cli@latest

решит проблему, не ломая вещи в другом месте.

user6122411 26 ноя '19 в 07:02 2019-11-26 07:02 · Answer 4 · 2019-11-26 07:02

Все сосредоточены на понижении @angular-devkit/build-angular версию до X или обновление @angular/cli до Y или последней.

Однако, пожалуйста, не предлагайте вслепуюX or Y or latestкак ответы. (Хотя обычно понижение версии devkit должно быть лучше, потому что обновление CLI - критическое изменение)

Выбор правильной версии всегда зависит от вашей версии Angular (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

Для других конкретных версий посетите: https://github.com/angular/angular-cli/tags. Найдите свою версию CLI, и в некоторых тегах они упоминают соответствующие версии для@angular-devkit/** пакеты.

Примечание. Если вы хотите обновить свою версию интерфейса командной строки, вам следует сначала рассмотреть возможность обновления до последней основной версии, а не просто переходить к следующей основной версии.

user11593930 03 июн '19 в 16:10 2019-06-03 16:10 · Answer 5 · 2019-06-03 16:10

Ваш @angular-devkit несовместим с версией @angular/cli, поэтому просто установите более старую, например, такую:

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

31

Источник

user11593930 03 июн '19 в 16:10

user5996109 05 июн '19 в 17:00 2019-06-05 17:00 · Answer 6 · 2019-06-05 17:00

Та же проблема после попытки обновления до Ng8, которая не удалась из-за проблем с зависимостями.

npm uninstall @ angular-devkit / build-angular

тогда

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

починил это...

27

Источник

user5996109 05 июн '19 в 17:00

user11677724 22 июн '19 в 00:45 2019-06-22 00:45 · Answer 7 · 2019-06-22 00:45

У меня была такая же проблема, но я решил ее благодаря комментарию Экты Ганди:

Наконец я нашел решение. 1) Во-первых, отмените все изменения в файле package.json с помощью простой команды git checkout package.json. 2) Затем внесите изменения в package.json в @angular-devkit/build-angular- ~0.800.1(добавьте хвост вместо cap) 3) Затем выполните команду rm -rf node_modules/ 4) Затем очистите catch, введя команду npm очистить кеш -f 5) И наконец запустить команду npm install. Это работает для меня.

.... Вместе с модификацией, предложенной Димуту

Сделал это в @angular-devkit/build-angular": "0.13.4"и все заработало.

Спасибо!!!

user203991 31 май '19 в 19:28 2019-05-31 19:28 · Answer 8 · 2019-05-31 19:28

Это случилось со мной, когда я установил Angular 8, есть некоторые несовместимости, которые я не мог решить. Мне пришлось понизить рейтинг, потому что я спускался по кроличьей норе, жонглируя каждой версией, пока не нашел работающую.

Во-первых, TypeScript был устаревшим, установка по умолчанию добавила ссылку на TypeScript 3.1.6 и требует 3.4 или более поздней версии.

npm install typescript@">=3.4 <3.5"

Во-вторых, использование devkit 0.800.1 или 0.800.1 всегда приводило к несовместимости. Я перепробовал много комбинаций, но пока не уверен, что они полностью совместимы, особенно потому, что я использую одну загрузочную версию немного старше и пока не могу обновить.

Наконец, я попытался понизить версию (зайдите в package.json и найдите devDependencies), пока один из них не сработал.

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

Я уверен, что ваша проблема в версиях зависимостей, но я не могу сказать вам, какая именно. Попробуй понизить.

user7781666 02 окт '19 в 21:25 2019-10-02 21:25 · Answer 9 · 2019-10-02 21:25

Попробуйте обновить файл package.json из

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

к

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

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

7

Источник

user7781666 02 окт '19 в 21:25

user3460150 21 сен '19 в 18:56 2019-09-21 18:56 · Answer 10 · 2019-09-21 18:56

Я также сталкивался с этой проблемой, и для меня, когда я делал больше обновлений, возникало больше проблем.

В конце концов, у меня сработало более или менее удалить angular cli и переустановить его, выполнив следующие действия:

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

это помогло мне найти источник: как удалить angular/cli

user11182732 23 янв '20 в 13:05 2020-01-23 13:05 · Answer 11 · 2020-01-23 13:05

Я внес это изменение в файл package.json, и он работает.

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

к

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

4

Источник

user11182732 23 янв '20 в 13:05

user3333792 06 апр '20 в 23:55 2020-04-06 23:55 · Answer 12 · 2020-04-06 23:55

Я также столкнулся с этой проблемой и часами пытался ее решить, я пробовал все вышеперечисленные варианты, но ничего не решило мою проблему. Эта проблема возникает из-за несоответствия версий angular / cli и angular-devkit, поэтому я сделал следующее:

Версия файлов, измененная вручную:
@angular-devkit / build-angular":"^0.13.9",
@angular/cli": "~7.0.3", // Это для Angular7, для Angular8: 0.803.23
Удален package-lock.json
Выполнено: установка npm

Это решило мою проблему.

user8817580 12 фев '20 в 11:21 2020-02-12 11:21 · Answer 13 · 2020-02-12 11:21

Я изменился @angular-devkit/build-angular": "0.9.0.1" к @angular-devkit/build-angular": "0.13.4" и это сработало.

2

Источник

user8817580 12 фев '20 в 11:21

user1029833 07 дек '19 в 04:12 2019-12-07 04:12 · Answer 14 · 2019-12-07 04:12

На моей стороне это был пакет

@angular-devkit/ сборка-угловой

а также

@angular-devkit/build-ng-packagr

не было той же версии, обновление build-ng-packagr к той же версии, что и build-angular исправил мою проблему.

1

Источник

user1029833 07 дек '19 в 04:12

user6259339 08 фев '20 в 09:42 2020-02-08 09:42 · Answer 15 · 2020-02-08 09:42

Если вы перейдете на угловые 8 или 9, это поможет

ng update @angular/cli

1

Источник

user6259339 08 фев '20 в 09:42

user8346207 26 июн '20 в 10:15 2020-06-26 10:15 · Answer 16 · 2020-06-26 10:15

Вы можете просто проверить свой код, а затем

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

0

Источник

user8346207 26 июн '20 в 10:15

user5678954 05 дек '20 в 02:33 2020-12-05 02:33 · Answer 17 · 2020-12-05 02:33

На самом деле у меня сработало обновление приложения и его зависимостей с помощью:

ng update @angular/cli @angular/core

Документация по Angular

0

Источник

user5678954 05 дек '20 в 02:33

user8297550 31 май '19 в 20:40 2019-05-31 20:40 · Answer 18 · 2019-05-31 20:40

У вас есть несовместимые зависимости. Я решил эту проблему, изменив package.json из другого углового проекта, а затем после изменения этого packag.json измените только те версии зависимостей, которые у вас есть.

после изменения напишите:

-npm ссылка

-npm serve -o

тогда это работа:)

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

user4899735 21 авг '19 в 17:39 2019-08-21 17:39 · Answer 19 · 2019-08-21 17:39

У меня была эта проблема, вот как я ее решил. В основном проблема заключается в том, что ваша версия Angular не поддерживает вашу версию Node.js для сборки. Поэтому лучшее решение - обновить ваш Node.js до самого последнего стабильного.

Для чистого обновления Node.js я советую использовать n. если вы используете Mac.

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

и теперь проверьте, что вы обновлены:

node -v
npm -v

Для более подробной информации, проверьте эту ссылку: здесь

user7680511 23 янв '20 в 21:16 2020-01-23 21:16 · Answer 20 · 2020-01-23 21:16

Ни один из приведенных выше ответов не работает для меня.

Моя первоначальная цель состояла в том, чтобы исправить иногда ПОСТОЯННУЮ компиляцию моего проекта с VSCode.

Я пробовал много, много способов, но НИЧЕГО не работало - проект просто НЕ СОБИРАЕТСЯ!

Наконец я выяснил, в чем проблема:

Я клонировал проект из репозитория моей компании, и весь код оттуда ДОЛЖЕН соответствовать версиям зависимостей, когда существующая часть проекта была закодирована.

В конце концов, я удалил ранее клонированный проект СНОВА (довольно много раз), и клонировал СНОВА (тоже несколько раз), и НИЧЕГО НИЧЕГО НЕ БЫЛ "npm install", и все начало работать.

Урок, который я усвоил, заключается в следующем:

Иногда вы усугубляете ситуацию, когда пытаетесь исправить какие-то проблемы (у меня была ПОСТОЯННАЯ компиляция моего проекта).

Но это не значит, что мы не можем пытаться решить проблемы. Мы можем. Но когда все превращается в беспорядок, лучше использовать исходный код.

К счастью, ПОСТОЯННАЯ КОМПИЛЯЦИЯ моего проекта происходит только время от времени, а не постоянно. Это не исправлено, но я должен смириться, иначе мой проект даже не скомпилируется.

user1289838 06 июл '19 в 13:41 2019-07-06 13:41 · Answer 21 · 2019-07-06 13:41

Это работа переустановить @angular-devkit/build-angular@0.13.4

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

-2

Источник

user1289838 06 июл '19 в 13:41