web-dev-qa-db-fra.com

Angulaire 6 migration -.angular-cli.json à angular.json

J'ai mis à niveau mon projet vers Angular 6 et tout s'est bien passé sauf la conversion du fichier .angular-cli.json. D'après le guide que j'ai suivi, il a été dit que cela le convertirait automatiquement.

npm install -g @ angular/cli

npm install @ angular/cli ng update

@ angulaire/cli

Cependant, ce n'était pas le cas car j'ai toujours l'ancien .angular-cli.json

Est-il possible de le faire automatiquement/manuellement?

angular
52
Dino

Le plus souvent, il y avait des erreurs dans l'une de ces commandes. Pour moi, je devais d'abord exécuter npm install -g @angular-devkit/core, puis les commandes suivantes:

npm install -g @angular/cli

npm install @angular/cli

Dans la sortie console de npm install @angular/cli, vous devriez voir:

================================================================================
The Angular CLI configuration format has been changed, and your existing configuration can
be updated automatically by running the following command:

  ng update @angular/cli
================================================================================

Ensuite, vous devez évidemment exécuter ng update @angular/cli pour terminer le processus.

Voir le Guide officiel de mise à jour pour plus de détails.

81
William Hampshire

vous pouvez mettre à jour automatiquement votre fichier angular-cli.json existant en fichier angular.json à l'aide de la commande ci-dessous, à condition que vous utilisiez la version v6.x.x ou une version supérieure de l'outil de ligne de commande angular cli.

ng update @angular/cli --from=1.7.4 --migrate-only

Dans la commande ci-dessus, 1.7.4 est la version précédente de la CLI que vous utilisiez. L'indicateur --migrate-only permet de s'assurer qu'il ne fera qu'une migration mais ne met pas à jour la version installée.

en savoir plus: angular/cli-github

32
rgantla

Essayez d’exécuter " ng update @ angular/cli " deux fois. 

27
T. Shashwat

Je devais réellement valider toutes les modifications ou les stocker avant de pouvoir exécuter la commande permettant de mettre à jour le CLI comme indiqué sur cette capture d'écran.

J'ai fait ces commandes:

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

ng update@angular/cli

Et commettre les changements entre ces deux. Ng serve

0
Tore Aurstad

EN CAS DE:
Le fichier d'espace de travail local ('angular.json') est introuvable.
OU
La commande serve doit être exécutée dans un projet Angular, mais une définition de projet est introuvable.

Mettre à niveau/rétrograder à la version souhaitée (j'ai essayé Angular 6 par exemple) 

[Sudo] npm install -g -f @angular/[email protected]

Mettre à jour le projet local 

ng update @angular/[email protected]

Et vous êtes prêt à partir :) 

ng serve
0
Bogdan Iudean

S'il vous plaît suivez ces étapes: 

1) Mettez à jour votre CLI angulaire globalement et localement (en supposant que la dernière version est la 7)

2) Prenez votre ancien projet et lancez la commande suivante

  • npm install @ angular/cli
  • ng update @ angular/cli

Après avoir exécuté ceci, vous avez mis à jour tous vos paquets angulaires vers la dernière version. 

3) Ajoutez ce paquet car il manque encore 

npm installer @ angular-devkit/core --save -dev

4) créer un nouveau projet avec ng serve (dernière version)

5) Créez un nouveau fichier vide avec le nom angular.json et copiez-y le contenu de angular.json du nouveau projet.

6) Mettez à jour le nom du projet en conséquence dans angular.json

7) Exécutez npm install 

8) Servir

9) Vous êtes maintenant prêt avec la dernière version de angular.

J'ai suivi les étapes ci-dessus pour migrer d'angular2 à angular7.

0
Sourabh Ranka