Angular CLI: Cannot read property 'config' of null

Question

Recently upgraded my application from Angular 2.3.0 to Angular 4.0.3. In the process also upgraded angular-cli. If project cloned to a new directory, it is throwing:

Cannot read property 'config' of null TypeError: Cannot read property 'config' of null at Class.run (/Users/hyadav/Documents/projects/web-app/node_modules/@angular/cli/tasks/build.js:16:56) at Class.run (/Users/hyadav/Documents/projects/web-app/node_modules/@angular/cli/commands/build.js:143:26) at Class. (/Users/hyadav/Documents/projects/web-app/node_modules/@angular/cli/ember-cli/lib/models/command.js:134:17) at process._tickCallback (internal/process/next_tick.js:109:7)

package.json

"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.0.3",
    "@angular/cli": "^1.0.1",
    "@angular/common": "^4.0.3",
    "@angular/compiler": "^4.0.3",
    "@angular/compiler-cli": "^4.0.3",
    "@angular/core": "^4.0.3",
    "@angular/forms": "^4.0.3",
    "@angular/http": "^4.0.3",
    "@angular/material": "^2.0.0-beta.3",
    "@angular/platform-browser": "^4.0.3",
    "@angular/platform-browser-dynamic": "^4.0.3",
    "@angular/platform-server": "^4.0.3",
    "@angular/router": "^4.0.3",
    "core-js": "^2.4.1",
    "hammerjs": "^2.0.8",
    "rxjs": "^5.2.0",
    "typescript": "^2.2.2",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "@angular/cli": "^1.0.1",
    "@angular/compiler-cli": "^2.4.0",
    "@types/jasmine": "2.5.38",
    "@types/node": "~6.0.60",
    "codelyzer": "~2.0.0",
    "jasmine-core": "~2.5.2",
    "jasmine-spec-reporter": "~3.2.0",
    "karma": "~1.4.1",
    "karma-chrome-launcher": "~2.0.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^0.2.0",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.0",
    "ts-node": "~2.0.0",
    "tslint": "~4.4.2",
    "typescript": "~2.2.2"
 }

Possible duplicate of Angular 2 Cannot read property 'config' of null — ishandutta2007
– ishandutta2007, Commented Nov 20, 2017 at 3:39

Luca Basilico · Accepted Answer · 2018-05-17 11:19:01Z

17

This is a working solution until Angular v5 because inside v6, the location of the file changed to angular.json, and changed also the content

Create a new file called .angular-cli.json and insert:

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "PROJECT_NAME"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css"
      ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "lint": [
    {
      "project": "src/tsconfig.app.json"
    },
    {
      "project": "src/tsconfig.spec.json"
    },
    {
      "project": "e2e/tsconfig.e2e.json"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

You will also find a copy of this json if you create a new project from angular-cli.

edited May 17, 2018 at 11:19

answered May 4, 2017 at 21:50

Luca Basilico

1918 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ron16 Over a year ago

Just open another ng project with that file present in a separate VS Code window, and simply drag and droped the file to the other ng project where it was missing. The file is at the root level.

Ryan Crews · Accepted Answer · 2017-08-18 20:52:55Z

9

Fixed the issue by copying .angular-cli.json file to the new directory.

Per request, more details:

After creating your project, but prior to moving it to a different directory you will notice a .angular-cli.json file was created, visible from the command line via ls -al. This file is needed in the root directory of your project. It should be moved there via mv .angular-cli.json . and should be added to source control so others cloning the project have this file.

edited Aug 18, 2017 at 20:52

Ryan Crews

3,0331 gold badge34 silver badges28 bronze badges

answered Apr 27, 2017 at 18:40

Himanshu Yadav

13.6k49 gold badges170 silver badges296 bronze badges

2 Comments

Cesar Vega Over a year ago

can you please explain more detail how you fixed , thanks

gadon Over a year ago

You should copy .angular-cli.json file to root folder of Your web application.

Felix Runye · Accepted Answer · 2017-11-08 05:58:50Z

4

i found the solution ! :D

in my case i moved the project to another directory there is a hidden file called .angular-cli,

show the hidden file in the old project and copy this file and paste it in the new destination.

this is solved the issue for me.

edited Nov 8, 2017 at 5:58

answered Oct 16, 2017 at 21:58

Felix Runye

2,5731 gold badge22 silver badges20 bronze badges

Comments

Limarenko Denis · Accepted Answer · 2018-09-03 21:07:38Z

0

do not forget to install npm packages,
run npm i in root directory

answered Sep 3, 2018 at 21:07

Limarenko Denis

8192 gold badges9 silver badges14 bronze badges

Comments

Nagender Pratap Chauhan · Accepted Answer · 2019-09-05 05:11:30Z

0

After angular 5, when we create either zip or copy of project, on that time angular-cli.json file not included in zip or copy folder and we send this zip or folder to another friend or itself but after install angular project. we run ng serve but unfortunately it given error cannot read property config of null

so solve this issue, send also angular-cli.json file or you can copy and paste into new project(error project).

*angular-cli.json = its hidden file .....must be remembered.

answered Sep 5, 2019 at 5:11

Nagender Pratap Chauhan

2,23417 silver badges18 bronze badges

Collectives™ on Stack Overflow

Angular CLI: Cannot read property 'config' of null

5 Answers 5

1 Comment

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related