web-dev-qa-db-de.com

Wie generiere ich eine .angular-cli.json-Datei in Angular Cli?

Ich habe das Angular CLI-Paket separat mit npm installiert:

npm install --save-dev @angular/[email protected]

Wenn ich versuche, die Befehle cli zu verwenden, erhalte ich eine Fehlermeldung:

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

Wie generiere ich .angular-cli.json für das aktuelle Projekt?

33
OPV

Ich habe diesen Fehler in meinem aktuellen Projekt erhalten und war verwirrt, weil ich die Anwendung/ng in einem Terminal betreibe. Dies wurde jedoch beim Versuch, eine Komponente von einem anderen Terminal zu generieren, ausgegeben. .angular-cli.json war schon da und richtig. Was gibt es?

Ich erkannte, dass ich die Verknüpfung verwendet habe, um das interne Terminal von VisualStudio Code zu öffnen. Dadurch wurde das Terminal mit dem * root des project * (wie die meisten IDEs) geöffnet. Das Projekt enthält neben dem Angular-Anwendungsordner, in dem sich die betreffende .angular-cli.json-Datei befindet, weitere Dinge. Ich musste einfach in den richtigen Ordner cd und ng g c erneut ausführen und die Dinge waren in Ordnung.

In meinem Fall war es nur ein dummer Fehler. Ich dachte, ich würde wiederkommen, um etwas auszutauschen, 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 etwas mehr Details geben, damit es nicht übersehen wird.

6
Chaos7703

In Angular 6 wurde .angular-cli.json durch angular.json ersetzt.

Für Winkel <6:

Erstellen Sie eine neue Datei mit dem Namen ' .angular-cli.json ' Und fügen Sie diese Datei in Ihr Hauptverzeichnis ein.

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

Seit der Version 6 von Angular ist .angular-cli.jsonveraltet . Diese Datei wurde durch die angular.json-Datei ersetzt, die Arbeitsbereiche unterstützt.

25
iqqmuT

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

7
Shiva shankar

Ich habe einen ähnlichen Fehler gefunden, der C:\Users\sony\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@schematics\angular\workspace\files gefunden wurde.

es ist in Windows installiert. Versuchen Sie, in Laufwerk angle.json zu suchen, um die Datei anzuzeigen

2
arpita malpe

Soweit ich weiß, kann Angular-CLI-Datei nicht mit einem Befehl wie Package-Lock-Datei erstellt werden. Wenn Sie sie erstellen möchten, müssen Sie sie manuell ausführen. 

  1. Sie können ng new eingeben, um ein neues Winkelprojekt zu erstellen

  2. Suchen Sie die Datei .angular-cli.json

  3. Kopieren Sie den gesamten Inhalt

  4. Erstellen Sie einen Ordner in Ihrem ursprünglichen Projekt und nennen Sie ihn .angular-cli.json

  5. Fügen Sie das aus dem neuen Projekt kopierte Dokument in die neu erstellte eckige CLI-Datei des ursprünglichen Projekts ein. 

  6. Suchen Sie diese Zeile in der von Ihnen erstellten eckigen CLI-Datei und ändern Sie das Namensfeld in den Namen des ursprünglichen Projekts. Den Projektnamen finden Sie in der package.json-Datei 

project": {
  "name": "<name of the project>"
},

In der neueren eckigen Version wird jedoch jetzt angle.json anstelle von angle-cli.json verwendet.

0
Don Dilanga

Ich konnte .angular-cli.json auch nicht sehen. Weil meine Angular-Version 6. Ng-Version ist -> Angular CLI: 6.0.7 . Überprüfen Sie Ihre Angular-Version.

0
Jaeyong Choi

Wenn Sie das Projekt .angular-cli.json kopieren, werden Sie diese Datei nicht finden. Versuchen Sie, eine neue Datei mit demselben Namen zu erstellen, und fügen Sie den Code hinzu.

0
Errabbah Tarik