Comment générer le fichier .angular-cli.json dans Angular Cli?

Question

J'ai installé le package Angular CLI séparément en utilisant npm :

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

Quand j'essaie d'utiliser les commandes cli je reçois une erreur :

Impossible de trouver des applications dans `.angular-cli.json`.

Comment générer .angular-cli.json pour le projet actuel ?

Answer 1

En Angular 6, .angular-cli.json a été remplacé par angular.json

Pour Angular < 6 :

Créez un nouveau fichier avec le nom '.angular-cli.json' et ajoutez ce fichier dans votre répertoire principal.

{
  "$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 2

Depuis la version 6 d'Angular, .angular-cli.json est obsolète. Ce fichier a été remplacé par le fichier angular.json qui prend en charge les espaces de travail.

Answer 3

J'ai rencontré cette même erreur dans mon projet actuel et j'étais perplexe car je fais tourner l'application / ng serve dans un terminal, mais j'ai eu cette erreur quand j'ai essayé de générer un composant depuis un autre terminal. .angular-cli.json était déjà là et correct. Alors, qu'est-ce qui se passe?

J'ai réalisé que j'avais utilisé le raccourci pour ouvrir le terminal interne de VisualStudio Code -- qui ouvrait le terminal à la *racine du projet* (comme la plupart des IDE). Le projet contient d'autres éléments en plus du dossier de l'application Angular qui contient le fichier .angular-cli.json en question. Il me suffisait de me déplacer vers le bon dossier et de lancer à nouveau ng g c pour que tout fonctionne correctement.

Dans mon cas, il s'agissait juste d'une erreur bête. Je me suis dit que je reviendrais partager cela afin d'éviter à d'autres personnes un vrai casse-tête pour quelque chose d'aussi simple. Je vois que Shiva a mentionné cela plus haut, mais j'ai pensé donner un peu plus de détails pour que cela ne passe pas inaperçu.

Answer 4

Vous êtes juste à l'extérieur du répertoire dans lequel vous travaillez. Entrez dans le répertoire où se trouve votre projet et exécutez la commande ng g c name.

Answer 5

J'ai trouvé une erreur similaire qui était située dans C:\Users\sony\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@schematics\angular\workspace\files

Il est installé dans Windows, essayez de chercher dans le lecteur C angular.json vous verrez le fichier