web-dev-qa-db-fra.com

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

J'ai installé le package CLI angulaire séparément à l'aide de npm:

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

Lorsque j'essaie d'utiliser les commandes cli, un message d'erreur s'affiche:

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

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

angularangular-cli
33
OPV

J'ai eu cette même erreur dans mon projet actuel et j'étais confus parce que j'exécute le service application/ng dans un terminal, mais je l'ai compris lorsque j'ai essayé de générer un composant à partir d'un autre terminal. .angular-cli.json était déjà là et correct. Alors qu'est-ce qui donne?

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 d'application Angular contenant le fichier .angular-cli.json en question. Je devais juste aller dans le bon dossier et lancer à nouveau ng g c et tout allait bien.

Dans mon cas, c'était juste une erreur stupide. Je pensais revenir pour partager afin de sauver les gens d'un mal de tête pour quelque chose d'aussi simple. Je vois que Shiva a en fait mentionné cela ci-dessus, mais je pensais donner un peu plus de détails pour que cela ne soit pas négligé.

6
Chaos7703

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

Pour angulaire <6:

Créez un nouveau fichier nommé ' .angular-cli.json ' Et ajoutez-le 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": {}
  }
}
56
sandip7400

Depuis la version angulaire 6, .angular-cli.json est deprecated . Ce fichier a été remplacé par le fichier angular.json qui prend en charge les espaces de travail.

25
iqqmuT

Vous êtes juste en dehors 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".

7
Shiva shankar

J'ai trouvé une erreur similaire, il a été localisé à C:\Users\sony\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@schematics\angular\workspace\files

il est installé dans Windows essayez de rechercher dans le lecteur c angular.json vous verrez le fichier

2
arpita malpe

Autant que je sache, le fichier Angular-cli ne peut pas être créé via une commande comme Package-lock, si vous voulez le créer, vous devez le faire manuellement. 

  1. Vous pouvez taper ng new pour créer un nouveau projet angulaire

  2. Localisez son fichier .angular-cli.json

  3. Copier tout son contenu

  4. Créez un dossier dans votre projet d'origine et nommez-le .angular-cli.json

  5. Collez ce qui est copié du nouveau projet dans le fichier CLI angulaire nouvellement créé du projet original. 

  6. Recherchez cette ligne dans le fichier CLI angulaire que vous avez créé et modifiez le champ de nom en nom du projet d'origine. Vous pouvez trouver le nom du projet dans le fichier package.json 

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

Cependant, dans la nouvelle version angulaire, il utilise maintenant angular.json au lieu de angular-cli.json.

0
Don Dilanga

Je ne pouvais pas voir .angular-cli.json aussi. Parce que ma version angulaire est la version 6. Ng -> Angular CLI: 6.0.7 . Vérifiez votre version angulaire.

0
Jaeyong Choi

Si vous copiez collez votre projet dans le fichier .angular-cli.json vous ne trouverez pas ce fichier, essayez de créer un nouveau fichier avec le même nom et ajoutez le code.

0
Errabbah Tarik