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?
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.
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": {}
}
}
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.
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
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 :-)
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.