Помилки: шлях даних ".builders ['app-shell']" повинен мати необхідний властивість 'class'

Я отримую цю помилку під час запуску програми. Ось деталі моєї заяви.

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

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

У своєму пакеті.json змініть конструктор dekkit.

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

до

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

це працює для мене.
Щасти.

Слідом працював для мене

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

Усі тут зосереджуються на пониженні версій @ angular-devkit / build-angular до @angular 7.x для сумісності, але те, що вони повинні робити, - це оновити @angular/cliдо кутових 8 версій.

Проблема полягає в тому, що системний кліп все ще застряг у старій версії і не оновлюється автоматично ng update(оскільки він знаходиться поза проектом, що контролюється кутом), тому він залишається в несумісній версії при спробі отримати доступ до кутових бібліотек.

Пониження рівня @angular-devkit/build-angularпросто викликає більше несумісностей.

npm i --global @angular/cli@latest

вирішить проблему, не порушуючи речі в іншому місці.

Усі зосереджуються на пониженні @angular-devkit/build-angularверсії до X або модернізації @angular/cliверсії до Y або останньої.

Однак, будь ласка, не слід сліпо пропонувати X or Y or latestвідповіді. (Хоча, як правило, зниження рівня devkit має бути кращим, оскільки оновлення 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/**пакетів.

Примітка. Якщо ви хочете оновити свою версію CLI, спочатку слід розглянути можливість оновлення до останньої вашої основної версії, а не просто переходити до наступної основної версії.

Ваш @ angular-devkit несумісний з версією @ angular / cli, тому просто встановіть старішу, наприклад цю:

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

Та сама проблема після спроби оновлення до Ng8, яка не вдалася через проблеми залежності.

npm uninstall @angular-devkit/build-angular

тоді я використовував,

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

виправили це ...

У мене була така ж проблема, але я вирішив її завдяки коментарю Екта Ганді:

Нарешті я знайшов рішення.

1) По-перше, усуньте всі зміни у файлі package.json, давши просту команду git checkout package.json.

2) Потім після внесення змін у package.json в @ angular-devkit / build-angular- ~ 0.800.1 (Додати хвіст замість шапки)

3) Потім запустіть команду rm -rf node_modules /

4) Потім очистіть улов, даючи команду npm clean cache -f

5) І нарешті запустіть команду npm install. Це працює для мене.

.... Поряд з модифікацією, запропонованою Дімуту

Зробив його на @ angular-devkit / build-angular ":" 0.13.4 ", і він працював.

Це сталося зі мною, коли я встановив 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 і знайдіть devDependitions), поки одна з них не спрацювала.

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

Я впевнений, що ваша проблема - це версії залежностей, але я не можу сказати вам, яку саме. Спробуйте понизити рівень.

Спробуйте оновити файл package.json від

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

до

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

Потім запустіть npm install в командному рядку.

Я також стикався з цією проблемою, і для мене, коли робили більше оновлень, виникало більше проблем.

Зрештою, для мене працювало більш-менш видалити кутовий затиск і повторно встановити його за допомогою цих кроків:

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

це допомогло мені джерело: як видалити angular / cli

Я вніс цю зміну у файл package.json, тоді він працює.

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

до

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

Я змінив @angular-devkit/build-angular": "0.9.0.1"до @angular-devkit/build-angular": "0.13.4"і він працював.

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

1. Вручну змінена версія файлів:

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

   @angular/cli": "~7.0.3", // Це для Angular7, для Angular8: 0.803.23

2. Видалено пакет-lock.json

3. Виконано: встановити npm

Це вирішило мою проблему.

З мого боку це був пакет

@ angular-devkit / build-angular

і

@ angular-devkit / build-ng-packgr

не та сама версія, оновлення build-ng-packagrдо тієї ж версії, що і build-angularвиправлена ​​моя проблема.

Якщо ви переходите до кута 8 або 9, це зробить трюк

ng update @angular/cli

Ви можете просто перевірити код і потім

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

У вас є несумісні залежності, які я вирішив цю проблему, змінивши package.json у інший проект кутовий, а потім після зміни цього packg.json ви змінюєте лише версії залежностей, які у вас є.

після зміни напишіть:

-npm посилання

-нч подавати -о

тоді це робота :)

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

У мене було це питання, ось як я його вирішив. Проблема здебільшого полягає в тому, що ваша кутова версія не підтримує вашу версію 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

Для отримання більш детальної інформації перевірте це посилання: тут

НІКОЙ із наведених відповідей не працює для мене.

Моя первісна мета полягала в тому, щоб виправити інколи КОНСТАНТНУ СКЛАДУ мого проекту з VSCode.

Я спробував багато, багато способів, але НІЧОГО не працювало - проект просто НЕ БУДЬ КОМПІЛІ!

Нарешті я з’ясував, у чому тут проблема:

Я клонував проект із репозиторію своєї компанії, і весь код звідти МАЄ ТО точно з версіями залежностей, коли існуюча частина проекту була закодована.

Врешті-решт я видалив раніше клонований проект ПРОТИ (досить кілька разів) , клонував ПРОТИ (також кілька разів) , і ВІДМОВИЛИ НЕ НЕ РОБИТИ "npm install", і все почало працювати .

Урок, який я тут засвоїв, полягає в тому, що:

Іноді ви погіршите ситуацію, коли спробуєте виправити деякі проблеми (одна з них у мене була КОНСТАНТНА КОМПІЛІЗАЦІЯ мого проекту).

Але це не означає, що ми не можемо намагатися виправити проблеми. Ми можемо. Але коли все стане безладом, нам краще піти з оригінальним кодом.

На щастя, КОНСТАНТНЕ СКЛАДАННЯ мого проекту трапляється лише раз, а не весь час. Це не виправлено, але я маю це мати на увазі, інакше мій проект навіть не складеться.

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

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