wake-up-neo.net

Angular 2 Die Eigenschaft 'config' von null kann nicht gelesen werden

Ich habe ein Problem mit Angular 2. Wenn ich den Server starten möchte, bekomme ich folgendes:

$ ng serve
Cannot read property 'config' of null
TypeError: Cannot read property 'config' of null
at Class.run (C:\Users\Damien\Desktop\application\node_modules\@angul ar\cli\tasks\serve.js:22:63)
at check_port_1.checkPort.then.port (C:\Users\Damien\Desktop\application\node_modules\@angular\cli\commands\serve.js:103:26)
at process._tickCallback (internal/process/next_tick.js:103:7)

Ich habe CLI neu installiert und sonst nichts funktioniert. Könnte ich etwas mit json datei haben?

23
Damien

Ich habe die Lösung gefunden! .__ In meinem Fall habe ich das Projekt in ein anderes Verzeichnis verschoben.
Es gibt eine versteckte Datei namens .angular-cli
Zeigen Sie die versteckte Datei im alten Projekt an, kopieren Sie diese Datei und fügen Sie sie in die neue Erweiterung ein. Dies löste das Problem für mich.

44
Hasan Daghash

Möglicherweise entfernen Sie das Projekt in einen anderen Ordner oder löschen die Datei .angular-cli.json 

Fügen Sie im Stammverzeichnis Ihrer App Folgendes hinzu: . angle-cli.json

und einfügen:

{
  "$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": {}
  }
}
32

Fügen Sie die folgende Datei im Stammordner Dateiname-.angular-cli.json hinzu

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "project": {
        "name": "XXXX"
    },
    "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": [
                "assets/css/styles.css"

            ],
            "scripts": [
                "assets/js/project.js"      

            ],
            "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": {}
    }
}

sie fehlen .angular-cli.json, 

sie können es generieren, indem Sie (in einen neuen Ordner gehen)

 ng new project-name

kopieren Sie nun die .angular-cli.json-Datei in Ihr Projektstammverzeichnis. 

 ng serve 

der Fehler sollte verschwunden sein. 

5
hoogw

dieser Fehler tritt aufgrund der Entfernung von .angular-cli.json auf. Fügen Sie diese also zuerst im Root-Ordner ..__ hinzu. Wenn danach immer noch ein Fehler auftritt, überprüfen Sie die statische Datei in .angular-cli.json

3
Amit K

https://angular.io/guide/quickstart

Schritt 3: Bereitstellen der Anwendung Wechseln Sie in das Verzeichnis project und Starten Sie den Server.

content_copy cd meine-app ng dienen - öffnen

Möglicherweise haben Sie den Punkt 3 (cd meine-app) verpasst. Das Startverzeichnis war wie folgt: ./my-app/my-app.Wenn die Anwendung aus einem anderen Verzeichnis gestartet wird, wird diese Fehlermeldung angezeigt.

Stellen Sie sicher, dass Sie sich im Projektordner befinden. Dies kann passieren, wenn der Programmierer einen Ordner für Übungszwecke hat, z. 

Ich verwende VS-Codein, um sicherzustellen, dass sich das Terminal genau in der Winkelanwendung befindet, die Sie zu starten versuchen. 

das kann einfach oder sogar dumm aussehen. Aber während des Lernens passiert alles. nachdem Sie sichergestellt haben, dass Sie den anderen Lösungen unserer Freunde von stackoverflow folgen können. 

Vielen Dank, Jungs, guten Tag :-)

1
Rinold

Mein erster Vorschlag wäre, Angular CLI zu aktualisieren, indem Sie diese Anweisungen hier befolgen. Dieses Thema wird ein wenig hier behandelt. Der übliche Schuldige ist ein Update der Angular-CLI, ohne die obigen Anweisungen zu befolgen. Sie geben jedoch keine Details zu Ihrer Situation an.

1
J. Adam Connor

Das Problem könnte eine falsche Datei .angular-cli.json sein, vergessen Sie nicht die Erweiterung .json, die das Dateiformat impliziert. Kopieren Sie diese Datei aus dem ursprünglichen Projekt und fügen Sie sie in Ihr aktuelles Projekt ein.

0
Alvin Mutisya