错误：数据路径“ .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或最新。

但是，请不要盲目建议a 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/**软件包的相应版本。

注意：如果要升级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-中的package.json中进行更改后~~ 0.800.1（添加尾部而不是上限）

3）然后运行命令rm -rf node_modules /

4）然后通过给命令npm clean cache -f清除catch

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"

其次，使用devkit 0.800.1或0.800.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更改为另一个项目angular来解决了这个问题，然后在更改为packag.json之后，仅更改了您拥有的依赖项版本。

更改后写：

-npm链接

-npm服务-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 修复我的项目中有时进行的恒定编译。

我尝试了很多方法，但没有任何效果-该项目将无法编译！

最后，我发现这里的问题是：

我从公司的存储库中克隆了该项目，并且在对项目的现有部分进行编码时，从那里的所有代码都必须与依赖项的版本完全一致。

最后，我删除了先前克隆的项目AGAIN（多次），并克隆了AGAIN（也几次），然后DID NOTHING BUT RAN“ npm install”，一切都开始工作。

我在这里学到的教训是：

有时，当您尝试解决一些问题时，情况会变得更糟（我遇到的一个问题是项目的CONSTANT COMPILING）。

但这并不意味着我们无法尝试解决问题。我们可以。但是，当一切变得混乱时，我们最好使用原始代码。

幸运的是，我的项目的不断编译仅发生一次，而不是所有时间。它不是固定的，但我必须忍受，否则我的项目甚至无法编译。

重新安装@ angular-devkit / build-angular @ 0.13.4

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