スキーマの検証が次のエラーで失敗しました：データパス“ .builders ['app-shell']”には必要なプロパティ 'class'が必要です

106 
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)
angular 
— プリンストン
ソース
— Jerry

回答:

42

これでうまくいきました。

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
12

Angular Cli 8はNode Js 10.9+をサポートしています。Node.jsを10.16に更新した後、正常に動作します。

— アレクセイ・ジェレズニャコフ
ソース
はい、NVMを使用してバージョン8に切り替えたために起こりました。バージョン10に戻すのを忘れたため、驚くほどこのエラーが発生しました。
— Mohammad Kermani
9

別のリンクからこの答えを見つけただけで、 

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular@0.13.0
— タデレ・アイレグン
ソース
9

答えのほとんどは、これが次の間の不一致のために発生すると述べているので正しいです。

  • ノードバージョンと角度バージョン

または

  • @angular-devkit/build-angular バージョンと角度バージョン

また、次のいずれかの場合にこの問題が発生する可能性が最も高くなります。

  1. アップグレード/ダウングレードされたnodejsバージョン（角度バージョンとの互換性がなくなりました）

  2. アップグレードされた角度バージョン

  3. ラン npm audit fix

1の場合、https：//angular.io/guide/setup-localで必要なnodejsバージョンサポートを確認し、インストールされているバージョンを確認します。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
ソース
4
声をかけてくれてありがとうnpm audit fix-これが私を引き起こした原因です。
— LHM
3

「^ 0.13.0」をアンインストールしてインストールしました。この最後の答えを確認/サポートします。それも私のために働いた。バージョン「^ 0.800.0」をアンインストールして「^ 0.13.0」をインストールしました。プロジェクトを再構築すると、問題なく機能します。

— C.改善する
ソース
3

@ angular-devkit / build-angularを "^ 0.13.9"に更新します。次にを実行しnpm install 、その後を実行しnpm serveます。

スペック：

Angular CLI：7.3.9ノード：11.2.0 OS：darwin x64 Angular：7.2.15

— ペンシルウッズ氏
ソース
2

package.jsonファイルの内容を変更したくない場合は、Node.jsのバージョンを最新に更新してみてください。（現在12.13.1 LTS）

— テッド・コルレオーネ
ソース
2

角度を6から8にアップグレードすると、同じエラーが発生しました。

Angular CLIを最新バージョンに更新し、ノードバージョンを10以上に更新するだけです。

1）このリンクにアクセスして、最新のノードバージョンを取得します。Angular 8には10以上が必要です。
2）npm i @ angular / cli @ latestを実行してcliを更新します。


これは私が現在持っているものです

ここに画像の説明を入力してください

— プラナルサクセナ
ソース
1

これはあなたのためのトリックを行います：

  1. コマンドを実行して角度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
— センティルクマル・スグマール
ソース
1

以下は私のために働いた。

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

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

私たちが使うなら

避ける：npm監査修正-f

問題が発生する可能性があるため、使用しないでください。

— アンクルガーグ
ソース
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のバージョンに変更して、問題を修正する必要があります

— ユーザー12263686
ソース
0
  1. 現在のプロジェクトからコマンドを開く
  2. npmアンインストール@ angular-devkit / build-angular
  3. npm install --save-dev @ angular-devkit / build-angular
— ラム
ソース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.