Angular-cli: Schema validation failed: Data path "" should NOT have additional properties

Created on 6 Jul 2018  路  16Comments  路  Source: angular/angular-cli

Bug Report or Feature Request (mark with an x)

- [x] bug report -> please search issues before submitting
- [ ] feature request

Area

- [ ] devkit
- [x] schematics

Versions

Angular CLI: 6.0.8
Node: 8.11.2
OS: win32 x64
Angular: 6.0.7
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.8
@angular-devkit/build-angular     0.6.8
@angular-devkit/build-optimizer   0.6.8
@angular-devkit/core              0.6.8
@angular-devkit/schematics        0.6.8
@angular/cli                      6.0.8
@ngtools/webpack                  6.0.8
@schematics/angular               0.6.8
@schematics/update                0.6.8
rxjs                              6.2.1
typescript                        2.7.2
webpack                           4.8.3

Repro steps

  1. Add projects/architect/<section>/options/invalid options to options in angular.json eg
    "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "invalid": "value", ... } }
  2. Run ng build

Actual functionality

Schema validation failed with the following errors:
  Data path "" should NOT have additional properties(invalid).

Desired functionality

Schema validation failed with the following errors:
  Data path "path/to/invalid/option" should NOT have additional properties(invalid).
devkischematics medium investigation confusing triage #1 bufix

Most helpful comment

For anyone having this problem while updating Ionic from 3 to 4: I had to remove "es5BrowserSupport": true from angular.json

All 16 comments

I have some kind of a similar issue but when I run ng serve :

Schema validation failed with the following errors:
  Data path "" should NOT have additional properties(watch).

Furthermore there is no watch property in my angular.json

packages version of my project :

Angular CLI: 6.0.8
Node: 10.1.0
OS: darwin x64
Angular: 6.0.7
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.6.8
@angular-devkit/build-angular      0.6.8
@angular-devkit/build-ng-packagr   0.6.8
@angular-devkit/build-optimizer    0.6.8
@angular-devkit/core               0.6.8
@angular-devkit/schematics         0.6.8
@angular/cdk                       6.3.2
@angular/cli                       6.0.8
@angular/material                  6.3.2
@ngtools/json-schema               1.1.0
@ngtools/webpack                   6.0.8
@schematics/angular                0.6.8
@schematics/update                 0.6.8
ng-packagr                         3.0.3
rxjs                               6.2.1
typescript                         2.7.2
webpack                            4.8.3

I'm experiencing the same problem.
I'm trying to run cypress as e2e test-runner.
This is the config as described in de examples:

"test-cypress-app-e2e": {
      "root": "e2e/",
      "projectType": "application",
      "architect": {
        "e2e": {
          "builder": "ngx-cypress-builder:cypress",
          "options": {
            "devServerTarget": "test-cypress-app:serve",
            "mode": "browser"
          },
          "configurations": {
            "production": {
              "devServerTarget": "test-cypress-app:serve:production"
            }
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": "e2e/tsconfig.e2e.json",
            "exclude": [
              "**/node_modules/**"
            ]
          }
        }
      }
    }
  },

I get an error :

Schema validation failed with the following errors:
  Data path "" should NOT have additional properties(mode).

Mode is however a valid property, as seen in this example:
https://github.com/isaacplmann/ngx-cypress-builder/blob/master/sample/angular.json

Angular CLI: 6.1.5
Node: 8.11.2
OS: darwin x64
Angular: 6.1.6
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.7.5
@angular-devkit/build-angular     0.7.5
@angular-devkit/build-optimizer   0.7.5
@angular-devkit/build-webpack     0.7.5
@angular-devkit/core              0.7.5
@angular-devkit/schematics        0.7.5
@angular/cli                      6.1.5
@ngtools/webpack                  6.1.5
@schematics/angular               0.7.5
@schematics/update                0.7.5
rxjs                              6.2.2
typescript                        2.7.2
webpack                           4.9.2

Confirming the issue, getting the following error

Schema validation failed with the following errors:
  Data path "" should NOT have additional properties(port).

Though in my case I really specified nonexistent property, it would be nice for angular-cli to refer to it correctly.

PS: package versions

Angular CLI: 6.0.8
Node: 10.9.0
OS: darwin x64
Angular: 6.1.6
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.8
@angular-devkit/build-angular     0.6.8
@angular-devkit/build-optimizer   0.6.8
@angular-devkit/core              0.6.8
@angular-devkit/schematics        0.6.8
@angular/cli                      6.0.8
@ngtools/webpack                  6.0.8
@schematics/angular               0.6.8
@schematics/update                0.6.8
rxjs                              6.3.0
typescript                        2.7.2
webpack                           4.8.3

So it looks like the npm package is out of date compared to master. The npm package is on 0.0.2 and the github repo version is 1.0.0. I installed it using the yarn add -D isaacplmann/ngx-cypress-builder#master but am now getting Could not find module "ngx-cypress-builder" because I don't think the files are compiled. @isaacplmann might help if we get the npm package udpated.

@jordandlaman why are you commenting on this issue? If you run into a problem with ngx-cypress-builder, file an issue here:
https://github.com/isaacplmann/ngx-cypress-builder

@ernie58 I would have responded a lot faster, if you filed an issue directly on my repo

Was just trying to point people in the right direction. This may sound stupid but when I was on your repo earlier I didn't see the option to submit an issue. Issue filed.

Sorry, thanks. I'll take a look.

Check if your apps angular.json file is valid and any changes you made to that file are correct

another issue showing

Schema validation failed with the following errors:
Data path "" should have required property 'tsConfig'.

For anyone having this problem while updating Ionic from 3 to 4: I had to remove "es5BrowserSupport": true from angular.json

Schema validation failed with the following errors:
[ng] Data path "" should NOT have additional properties(es5BrowserSupport).

[ERROR] ng has unexpectedly closed (exit code 1).

For anyone having this problem while updating Ionic from 3 to 4: I had to remove "es5BrowserSupport": true from angular.json

But if I'm removing that I'm getting the below error

```[ng] tsconfig.json(18,7): error TS6046: Argument for '--lib' option must be: 'es5', 'es6', 'es2015', 'es7', 'es2016', 'es2017', 'esnext', 'dom', 'dom.iterable', 'webworker', 'scripthost', 'es2015.core', 'es2015.collection', 'es2015.generator', 'es2015.iterable', 'es2015.promise', 'es2015.proxy', 'es2015.reflect', 'es2015.symbol', 'es2015.symbol.wellknown', 'es2016.array.include', 'es2017.object', 'es2017.sharedmemory', 'es2017.string', 'es2017.intl', 'esnext.asynciterable'.
[ng]
[ng] Error: tsconfig.json(18,7): error TS6046: Argument for '--lib' option must be: 'es5', 'es6', 'es2015', 'es7', 'es2016', 'es2017', 'esnext', 'dom', 'dom.iterable', 'webworker', 'scripthost', 'es2015.core', 'es2015.collection', 'es2015.generator', 'es2015.iterable', 'es2015.promise', 'es2015.proxy', 'es2015.reflect', 'es2015.symbol', 'es2015.symbol.wellknown', 'es2016.array.include', 'es2017.object', 'es2017.sharedmemory', 'es2017.string', 'es2017.intl', 'esnext.asynciterable'.
[ng] at AngularCompilerPlugin._setupOptions (D:\ionic-pdf-master4node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:108:19)
[ng] at new AngularCompilerPlugin (D:\ionic-pdf-master4node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:61:14)
[ng] at _createAotPlugin (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angular\src\angular-cli-files\models\webpack-configs\typescript.js:41:12)
[ng] at Object.getNonAotConfig (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angular\src\angular-cli-files\models\webpack-configs\typescript.js:47:19)
[ng] at BrowserBuilder.buildWebpackConfig (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angular\src\browserindex.js:82:37)
[ng] at DevServerBuilder.buildWebpackConfig (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angular\src\dev-serverindex.js:111:46)
[ng] at MergeMapSubscriber.check_port_1.checkPort.pipe.operators_1.concatMap [as project] (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angular\src\dev-serverindex.js:38:40)
[ng] at MergeMapSubscriber._tryNext (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angularnode_modules\rxjsinternal\operators\mergeMap.js:69:27)
[ng] at MergeMapSubscriber._next (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angularnode_modules\rxjsinternal\operators\mergeMap.js:59:18)
[ng] at MergeMapSubscriber.Subscriber.next (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angularnode_modules\rxjsinternal\Subscriber.js:66:18)
[ng] at TapSubscriber._next (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angularnode_modules\rxjsinternal\operators\tap.js:65:26)
[ng] at TapSubscriber.Subscriber.next (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angularnode_modules\rxjsinternal\Subscriber.js:66:18)
[ng] at MergeMapSubscriber.notifyNext (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angularnode_modules\rxjsinternal\operators\mergeMap.js:92:26)
[ng] at InnerSubscriber._next (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angularnode_modules\rxjsinternal\InnerSubscriber.js:28:21)
[ng] at InnerSubscriber.Subscriber.next (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angularnode_modules\rxjsinternal\Subscriber.js:66:18)
[ng] at Object.complete (D:\ionic-pdf-master4node_modules\@angular-devkit\build-angularnode_modules\rxjsinternal\observableforkJoin.js:57:40)

[ERROR] ng has unexpectedly closed (exit code 1).

I posted a fix to a similar schema validation error in #14338

Based on these two answers on StackOverflow also related to schema validation errors :

1) Updated package.json from "@angular-devkit/build-angular": "^0.800.1" to "^0.12.4"
2) Run npm install

See if that works.

Please note that 0.12.4 is significantly older than 0.800.1.

Apart from the error message not telling WHERE the problem is, it does tell you WHAT the problem is. I fixed one error and it gave me the next, which I fixed and so on.

Angular 11 with latest packages including "@angular-devkit/build-angular": "^0.1100.2"

For me it was my angular.json e2e lint where I had to change

from this

                "lint": {
                    "builder": "@angular-eslint/builder:lint",
                    "options": {
                        "tsConfig": "e2e/tsconfig.e2e.json",
                        "exclude": ["**/node_modules/**"]
                    }
                }

to this

                "lint": {
                    "builder": "@angular-eslint/builder:lint",
                    "options": {
                        "lintFilePatterns": ["e2e/**/*.ts", "e2e/**/*.html"]
                    }
                }
Was this page helpful?
0 / 5 - 0 ratings