エラー：データパス“ .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

私はすでにキャッシュクリーンを試しました。

package.jsonで、devkitビルダーを変更します。

"@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、angular 8バージョンにアップグレードすることです。

問題は、システムcliが古いバージョンのままであり、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。（ただし、CLIのアップグレードは重大な変更であるため、通常、devkitのダウングレードの方が適切です）

選択する正しいバージョンは、常にあなたの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/**パッケージの対応するバージョンについて言及しています。

注：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

修正しました...

同じ問題がありましたが、Ekta Gandhiのコメントのおかげで解決しました。

最後に私は解決策を見つけました。

1）まず、簡単なコマンドgit checkout package.jsonを実行して、package.jsonファイルのすべての変更を削除します。

2）@ angular-devkit / build-angular-〜0.800.1のpackage.jsonに変更を加えた後（キャップ​​の代わりに尾を追加）

3）次に、コマンドrm -rf node_modules /を実行します

4）次に、コマンドnpm clean cache -fを実行してキャッチをクリーンアップします

5）最後に、コマンドnpm installを実行します。これでうまくいきます。

.... Dimuthuによって提案された修正とともに

@ angular-devkit / build-angular "：" 0.13.4 "にすると、うまくいきました。

これは、Angular 8をインストールしたときに起こりました。解決できない非互換性がいくつかあります。機能するバージョンが見つかるまで、すべてのバージョンでジャグリングしているウサギの穴をダウングレードしたため、ダウングレードする必要がありました。

まず、TypeScriptは古く、デフォルトのインストールではTypeScript 3.1.6への参照が追加され、3.4以上が必要です。

npm install typescript@">=3.4 <3.5"

次に、開発キット0.800.1または0.800.1を使用すると、常に非互換になります。多くの組み合わせを試しましたが、まだ完全に互換性があるかどうかはわかりません。特に、1つ古いブートストラップを使用していて、まだアップグレードできないためです。

最後に、いずれかが機能するまでダウングレード（package.jsonに移動してdevDependenciesを検索）しようとしました。

@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を実行します。

私もこの問題に遭遇していました。更新を行うと、より多くの問題が発生しました。

最終的に私にとってうまくいったのは、多かれ少なかれ、角度のあるcliを削除して、次の手順で再インストールすることでした。

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. package-lock.jsonを削除しました

3. 実行：npm install

それは私の問題を解決しました。

私の側ではパッケージでした

@ angular-devkit / build-angular

そして

@ angular-devkit / build-ng-packagr

同じバージョンではありませんでした。問題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を別のプロジェクトアングルから変更してこの問題を解決し、この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"
   }

私はこの問題を抱えていました、これが私がそれを解決した方法です。問題は主に、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

詳細については、このリンクを確認してください：ここに

上記の答えのどれも私にとってはうまくいきません。

私の当初の目標は、VSCodeを使用してプロジェクトの時々一定のコンパイルを修正することでした。

私は多くの、多くの方法を試してみましたが、何もは働いていなかった-プロジェクトだけWILL NOT COMPILIE！

最後に私はここの問題が何であるかを見つけました：

私は会社のリポジトリからプロジェクトのクローンを作成しました。そこからのすべてのコードは、プロジェクトの既存の部分がコーディングされたときの依存関係のバージョンと完全に一致する必要があります。

最後に、以前に複製されたプロジェクトAGAIN（数回終了）を削除し、AGAIN（これも数回）を複製しましたが、RAN "npm install"を実行しなかったため、すべてが機能し始めました。

ここで学んだ教訓は、

いくつかの問題を修正しようとすると、状況が悪化することがあります（私が抱えていた問題は、プロジェクトの常時コンパイルでした）。

ただし、問題の修正を試みられないという意味ではありません。私たちはできる。しかし、すべてがめちゃくちゃになったら、元のコードを使用する方がよいでしょう。

幸い、私のプロジェクトの常時コンパイルは、常にではなく、たまにしか発生しません。修正されていませんが、我慢する必要があります。そうしないと、プロジェクトがコンパイルできません。

それは@ angular-devkit / build-angular @ 0.13.4を再インストールする作業です

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