Wie generiert man .angular-cli.json-Datei in Angular Cli?

Question

Ich habe Angular CLI-Paket separat mit NPM installiert:

"npm install --save-dev @angular/cli@latest" 

Wenn ich versuche, cli ich einen Fehler Befehle zu verwenden, erhalten:

Unable to find any apps in `.angular-cli.json`. 

Wie .angular-cli.json für aktuelles Projekt zu generieren?

Answer 1

Ich habe diesen gleichen Fehler in meinem aktuellen Projekt und war verwirrt, weil ich die Anwendung/ng in einem Terminal renne dienen, aber das bekam, wenn ich eine Komponente von einem anderen Endgerät zu erzeugen versucht. .angular-cli.json war schon da und richtig. Also was gibt es?

Ich erkannte, dass ich die Verknüpfung verwendet, um das interne Terminal von VisualStudio Code zu öffnen - welches das Terminal zum * root des Projekts * öffnete (wie die meisten IDEs). Das Projekt enthält neben dem Angular-Anwendungsordner, der die betreffende .angular-cli.json-Datei enthält, noch weitere Dinge. Ich musste einfach in den richtigen Ordner cd und ng g c wieder laufen und die Dinge waren in Ordnung.

In meinem Fall war es nur ein dummer Fehler. Ich dachte, ich würde zurückkommen, um zu teilen, um den Leuten echte Kopfschmerzen für etwas so Einfaches zu ersparen. Ich sehe, dass Shiva das oben erwähnt hat, aber ich dachte, ich würde ein bisschen mehr Details geben, damit es nicht übersehen wird.

Answer 2

Erstellen Sie eine neue Datei mit dem Namen '.angular-cli.json' und fügen Sie diese Datei in Ihrem Hauptverzeichnis hinzu.

{ 
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json", 
    "project": { 
    "name": "my-app" 
    }, 
    "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", 
     "exclude": "**/node_modules/**" 
    }, 
    { 
     "project": "src/tsconfig.spec.json", 
     "exclude": "**/node_modules/**" 
    }, 
    { 
     "project": "e2e/tsconfig.e2e.json", 
     "exclude": "**/node_modules/**" 
    } 
    ], 
    "test": { 
    "karma": { 
     "config": "./karma.conf.js" 
    } 
    }, 
    "defaults": { 
    "styleExt": "css", 
    "component": {} 
    } 
} 

Answer 3

Sie befinden sich außerhalb des Verzeichnisses, in dem Sie arbeiten. Geben Sie das Verzeichnis ein, in dem sich Ihr Projekt befindet, und führen Sie den Befehl "ng g c name" aus.

Answer 4

Wenn Sie Ihr Projekt kopieren fügen Sie den .angular-cli.json Sie wil diese Datei nicht finden versuchen, eine neue Datei mit dem gleichen Namen zu erstellen und den Code hinzufügen und es wil arbeiten.