Vous devez être dans un projet angular-cli pour pouvoir utiliser la commande build après la réinstallation de angular-cli

117

J'avais le dernier angular-cli installé dans le monde et mon projet se développait avec succès.

En lisant une solution suggérée pour un autre problème, ( https://github.com/angular/angular-cli/issues/917 ), j'ai désinstallé le global angular-cli et l'ai installé en tant que dépendance de développement.

Cet autre problème n'a pas été résolu, j'ai donc désinstallé la dépendance dev et réinstallé angular-cli globalement une fois de plus. Maintenant, quand j'essaye de faire une compilation ng, j'obtiens l'erreur:

Vous devez être à l'intérieur d'un projet angular-cli pour utiliser la commande build

Ma version angular-cli n'a pas changé. Pourquoi mon projet n'est-il pas reconnu comme un projet angular-cli?

sinistre
la source
Dans mon cas, j'ai dû mettre à jour @angular/clide 1.6.7 à 1.6.8
JPNotADragon

Réponses:

181

Identique à la réponse de John Pankowicz, mais dans mon cas, je devais courir

npm install -g @angular/cli@latest

pour que les versions correspondent.

Oswaldo Salazar
la source
6
Il s'avère que "@ angular / cli" est une version plus récente de "angular-cli". Le dernier est installé globalement sur mon système et le premier est répertorié dans package.json. Après avoir remplacé le paquet, cela a fonctionné.
simonxy
Pour moi, seule l'exécution de la commande npm install -g @ angular / cli a résolu le problème.
DILIP KOSURI
Ouais ça a marché!
Naveed Aheer
Cela a fonctionné pour moi aussi. Il était important pour le projet qu'on m'a donné d'avoir des versions correspondantes
Keenan Payne
J'étais dans le dossier WebAPI, donc j'ai dû passer au dossier Angular CLI :)
Varun Maggo
53

Ok, je l'ai trouvé.

package.json doit contenir une dépendance à angular-cli .

Lorsque j'ai désinstallé mon angular-cli local, npm a également supprimé l'entrée de dépendance.

sinistre
la source
7
pourriez-vous expliquer plus en détail cette partie de la dépendance?
BJAA
La désinstallation d'angular-cli en tant que dépendance dev, c'est-à-dire [npm uninstall --save-dev angular-cli] a supprimé une entrée de packages.json "devDependencies": {"@ angular / cli": "^ 1.0.0", " ... "} et vous devez donc vous assurer que cette entrée est disponible sous" devDependencies "ou même" dependencies "si nécessaire
jabu.hlong
Alors qu'est-ce que tu as fait? qu'est-ce que vous avez désinstallé exactement? -g ou --save?
Janatbek Sharsheyev
52
npm uninstall -g angular-cli @angular/cli
npm cache clean
npm install -g @angular/cli

utilisez sudo sur Mac / Linux.

Vinayaka
la source
npm ERR! À partir de npm @ 5, le cache npm se guérit automatiquement des problèmes de corruption et les données extraites du cache sont garanties valides. Si vous voulez vous assurer que tout est cohérent, utilisez plutôt 'npm cache verify'.
obeliksz
Si vous rencontrez ce problème: Impossible de trouver le module "@ angular-devkit / build-angular" de .... Ensuite, il peut être utile de l'exécuter également: npm install --save-dev @ angular-devkit / build- angular
Mario
pour la 2ème étape --force egnpm cache clean --force
Usman Saleh
C'était la seule chose qui fonctionnait pour moi. Merci!
Andrew Junior Howard
24

J'ai eu le même message d'erreur. Mais la cause et la solution sont légèrement différentes. Quand j'ai lancé "ng -v", il a montré différentes versions pour angular-cli (1.0.0-beta.28.3) et @ angular / cli (1.0.0-beta.31). J'ai relancé:

npm install -g @angular/cli

Les deux affichent maintenant une version 1.0.0-beta.31. Le message d'erreur a disparu et "ng serve" fonctionne maintenant. (Oui - c'est @ angular / cli que j'ai réinstallé et la version angular-cli a été mise à jour.)

John Pankowicz
la source
Notez qu'il faut beaucoup de temps pour rafraîchir angular-cli, voire une heure. Au milieu d'une tâche urgente, votre projet peut être voué à l'échec.
Tamás Polgár
Pour moi, j'essayais npm install -g angular-cli, qui est maintenant obsolète. J'ai dû installer npm -g @ angular / cli
Robbie Smith
24

Cela a fonctionné dans mon cas

sudo npm uninstall -g angular-cli @angular/cli
sudo npm cache clean --force
npm install npm@latest -g
sudo npm install -g @angular/cli
Humble monstre
la source
2
npm install npm@latest -gpeut ne pas être nécessaire
Devin
15

Utilisation npm install angular-cli --save-dev

Pedro Henrique
la source
6
PS Ceci est maintenant obsolète ... angular-cli a officiellement déménagé à@angular/cli
shramee
Même s'il était obsolète, j'ai résolu mon problème. Salut mon pote.
Gabriel Muñumel
14

Exécutez les commandes suivantes étape par étape:

sudo npm uninstall -g angular-cli @angular/cli

sudo npm cache clean

npm install npm@latest -g

sudo npm install -g @angular/cli

npm rebuild node-sass --force
Mitesh Panchal
la source
8

C'est ce qui m'a aidé lorsque je me suis retrouvé dans le même problème:

npm uninstall -g angular-cli @angular/cli
npm cache clean --force
npm install -g @angular/cli@latest
Devman
la source
5
npm uninstall -g angular-cli
npm uninstall --save angular-cli
npm uninstall -g @angular/cli
npm uninstall --save @angular/cli
npm cache clean
npm install --save-dev @angular/cli@latest
jhoanna
la source
5

Dans mon cas (Mac OS X et environnement Angular 1.5 précédemment utilisé)

npm -g cache clean --force

npm cache clean --force

travaillé. ( npm install -g @angular/cli@latestaprès)

Alex Nevidomsky
la source
5

Cela fonctionne npm install -g @angular/cli@latestpour moi.

UmaShankar
la source
2

Cette erreur survient lorsqu'il y a incompatibilité entre la version du nœud et la version angular / cli. utilisez donc la commande ci-dessous pour mettre à jour la version cli à la dernière

npm install -g @ angular / cli @ latest

Sunali Bandara
la source
2
npm uninstall -g angular-cli @angular/cli

npm cache clean --force

npm install -g @angular-cli/latest

J'avais essayé des commandes similaires et je travaillais pour moi, mais assurez-vous de les utiliser à partir de l'invite de commande avec les droits d'administrateur

Onkar Nirhali
la source
1

J'ai eu le même problème - il s'est avéré que j'utilisais un angular-cli obsolète au lieu de @ angular / cli. Ce dernier a été utilisé par mon équipe de développement et il m'a fallu un certain temps pour remarquer que nous utilisions une version différente de angular-cli.

Mac Keicam
la source
1

J'ai rencontré le même problème lors de l'exécution de mon projet: j'ai découvert que si votre projet utilise une version spécifique de quelque chose dans package.json, découvrez-le et installez la version spécifique de ces dépendances, comme pour moi, npm install @ angular / cli @ ^ 4.0.0 .

Rutvik Joshi
la source
0

N'oubliez pas d'utiliser --force:

npm cache clean --force
Diego Venâncio
la source
0

J'ai eu le même problème et rien ne fonctionnait, mais j'ai suivi les étapes ci-dessous et cela a fonctionné pour moi. quand j'ai exécuté cmd en tant qu'administrateur, cela a bien fonctionné pour moi.

  1. Exécutez d'abord l'invite de commande en tant qu'administrateur et.

  2. Créez le nouveau projet.

S'il ne crée toujours pas le projet, supprimez le dossier et tous ses fichiers, puis exécutez ng new <project name>suivi deng serve .

Si rien ne fonctionne, désinstallez simplement le nœud et tous les autres fichiers associés et suivez les étapes ci-dessus

Ayesha Sultana
la source
0

Incluez simplement ceci dans le package.json dans la section devDependencies

"angular-cli": "1.0.0-beta.25.5"

Pas obligatoire de l'installer si vous avez une autre version de cli installée globalement.

J'ai eu ce problème lorsque j'ai travaillé avec angular2 et 4 à la fois avec un projet différent. Donc angular4 - besoin angular-cli @ dernier et angular2 besoin angular-cli la version ci-dessus.

Sanjay Kumar NS
la source
0
npm uninstall -g angular-cli 

npm install -g @angular/cli

C'est tout!

entrez la description de l'image ici

Bhavya Shah
la source
1
Bienvenue dans Stack Overflow! Veuillez ajouter le code et les données sous forme de texte (en utilisant le formatage du code ), pas d'images. Images: A) ne nous permettent pas de copier - et - coller le code / les erreurs / les données pour les tests; B) ne permettent pas la recherche basée sur le code / l'erreur / le contenu des données; et bien d'autres raisons . En général, code / erreurs / données au format texte >>>> code / erreurs / données sous forme d'image >> rien. Les images ne doivent être utilisées, en plus du texte au format code, que si le fait d'avoir l'image ajoute quelque chose d'important qui n'est pas simplement véhiculé par le code de texte / l'erreur / les données.
double bip
Merci de m'accueillir. Je m'en occuperai la prochaine fois.
Bhavya Shah le
0

Cela pourrait être le problème avec votre version.

npm install -g @angular/cli@latest

La course ci-dessus a fonctionné pour moi. Merci!

Jaya Sundeep
la source