Je veux créer une application angulaire 2 avec un cli angulaire
J'ai écrit dans le cmd:
npm installer angular-cli -g
puis:
ng firstngapp
mais cela me montre une erreur lorsque j'écris npm start!
Je ne comprends pas le problème
angular
npm
angular-cli
web_mobile designer_dev
la source
la source
npm install
Réponses:
Essayez de courir
dans le dossier du projet
la source
Lors de l'exécution,
ng serve
vous devez être dans le répertoire / project de l'application .Si vous exécutez la commande dans un autre répertoire, vous obtenez l'erreur:
la source
Supprimez vos modules de nœuds, vérifiez que votre
package.json
fichier doit avoir le@angular/core
et réinstallez-le avecnpm i
.la source
Ensuite, exécutez la commande suivante, cela mettra à jour les packages npm.
npm update
Démarrez plus tard le projet en exécutant la commande suivante.
ng serve
Les étapes ci-dessus ont fonctionné pour moi.
la source
Peut vous aider.
Cela résoudra votre problème.
la source
depuis le terminal
la source
Je ne sais pas si c'est toujours un problème. J'éprouvais la même nuisance avec
@angular/cli v1.1.2
onnpm 4.1.2
. J'ai supprimé lenode_modules
répertoire, puis je suis passé à la mise à journpm
(car c'était une cause courante dans le passé).Je voulais mettre à niveau
npm
vers5.0.3
(le dernier) mais depuis que je l'utilisais,nvm
il semble avoir gâché les bibliothèques. Ainsi, j'ai réinstallénode
.Ensuite, je suis allé avec
npm cache clean
npm rebuild
npm install
- Celui-ci plusieurs fois, car à chaque fois il a jeté une erreur avec un package différentEn fin de compte, chaque paquet était bien.
J'espère que cela t'aides.
la source
Les étapes ci-dessous ont fonctionné pour moi:
1) Supprimez le
node_modules/
dossier et lepackage-lock.json
fichier.2)
npm install
3)
ng serve
la source
la solution pour moi était
la source
Si quelqu'un rencontre cela en 2018, la chose qui a finalement fonctionné pour moi était d'aller dans l'application my-app que j'ai créée avec
ng new my-app
, et ALORS exécuterng serve
cela a à voir avec le besoin des dépendances et des devDependencies situées dansmy-app/package.json
au lieu deroot/package.json
. Ce sont deux fichiers distincts.Même si je copiais toutes les dépendances dans mon dossier racine
package.json
, je devrais également entrer et modifier manuellement les emplacements de chemin pour les fichiers de configuration et autresmy-app/*
. Il est beaucoup plus facile d'entrermy-app/
et de courirng serve
là-bas pour que tout fonctionne comme prévu.Donc, ces étapes devraient fonctionner pour tout le monde:
rm -rf <previous-app>
// Quel que soit le nom de votre ancienne application, si vous en aviez une.sudo rm -rf node_modules
rm -f package-lock.json
npm install
ng new my-app
cd my-app
ng serve
la source
previous-app
uneYou cannot use the new command inside an Angular CLI project.
erreur après avoir exécuté vos commandesng new my-app
rm -rf <previous app>
si vous aviez une application précédente qui crée ce problème. remplacez le nom de votre application ici.rm -rf
supprime récursivement par la force le contenu du répertoire entierExécutez la mise à jour npm après avoir installé toutes les dépendances homologues et cela fonctionnera.
la source
Face au même problème. Lors de l'exécution de ngserve, vous devriez être dans le répertoire des applications. Pour confirmer (sur GIT BASH: vous aurez (master) après le chemin du répertoire à l'invite gitbash, si vous êtes dans le répertoire de l'application.)
la source
C'est ainsi que j'ai résolu ce problème.
J'ai d'abord couru
npm install @angular/core
.Puis j'ai couru
npm install --save
.Lorsque les deux installations se sont terminées avec succès, j'ai exécuté
npm serve
et j'ai reçu une erreur disantJ'ai ensuite supprimé mon dossier node_modules ainsi que mon dossier package-lock.json.
Après avoir supprimé ces dossiers, j'ai couru
npm install --save
une fois de plus.J'ai couru
npm start
et j'ai reçu une autre erreur. Cette erreur a ditError: Cannot find module '@angular-devkit/core'
.J'ai couru
npm install @angular-devkit/core --save
.Enfin, j'ai couru
npm start
et le projet a commencé!la source
J'ai le même problème, et la raison en est
ng new app-name
il crée un nouveau répertoire avec le nom de l'application et installe tout ce qu'il contient.ng serve
et, comme votre application est dans un sous-répertoire, elle ne trouvera pas package.json et lancera l'erreur mentionnée.La solution est assez simple. déplacez-vous simplement vers le sous-répertoire puis exécutez
ng serve
la source
Vous créez un nouveau projet avec:
Dans votre exemple, vous manquez
new
. Cela créerait un dossier, générerait des fichiers et fonctionneraitnpm install
pour vous. Il semble que vous avez créé un dossier mais qu'il n'y a pas d'application Angular CLI.Et pour démarrer l'application, utilisez:
npm start
n'est utilisé que si vous avez éjecté de cli.la source
Après avoir essayé en vain:
npm install -g @ angular / cli a fonctionné pour moi
la source
J'ai eu le même problème et avec la suppression des node_modules et la réinstallation, je devais d'abord supprimer package-lock.json.
la source
J'obtenais la même erreur lorsque j'ai essayé d'exécuter "ng serve" après avoir vu quelques suggestions, l'un des techniciens m'a dit de mettre à jour mon npm.
"" Les versions de @ angular / compiler-cli et dactylographié n'ont pas pu être déterminées. La raison la plus courante en est une installation de npm cassée. Veuillez vous assurer que votre package.json contient à la fois @ angular / compiler-cli et typescript dans devDependencies, puis supprimez node_module et package-lock.json (si vous en avez un) et exécutez à nouveau npm install. ""
Après avoir effectué toutes les actions, il fonctionne maintenant correctement ... et le message "Compilé avec succès" s'affiche.
la source
Vous devez exécuter le serveur ng à partir de l'emplacement c: \ project \ angular-src. Pas seulement la racine de votre projet.
la source
ng serve
doit être exécuté à partir de la racine du dossier, car c'est là que se trouve lepackage.json
fichier définissant ce script.Exécuter le nouveau --skip-install PROJECT_NAME, puis accéder manuellement au dossier créé et saisir npm install. https://github.com/angular/angular-cli/issues/3906
la source
Dans mon cas, ce qui suit a fonctionné:
D'où le
npm install
, pas de mise à jour .la source
Le problème que j'ai eu est que j'ai suivi les conseils du cli pour passer à la gestion des paquets de fils.
Ensuite, en suivant un tutoriel que j'ai fait
npm install --save bootstrap
, et après ce point, l'erreur a commencé à apparaître. Ensuite, je l'ai faityarn add xxx
bien sûr et cela a fonctionné.Pour restaurer l'état du projet, j'ai supprimé
node_modules
etpackage-lock.json
selon cette réponse, puis exécutezyarn install
la source
Les versions de @ angular / compiler-cli et typescript n'ont pas pu être déterminées. La raison la plus courante en est une installation de npm cassée.
Veuillez vous assurer que votre package.json contient à la fois @ angular / compiler-cli et typescript dans devDependencies, puis supprimez node_modules et package-lock.json (si vous en avez un) et relancez npm install.
la source
Cela m'est arrivé lorsque je mixais des gestionnaires de paquets. Mon projet a été généré avec Yarn, et après cela, j'ai ajouté quelques dépendances à l'aide de npm install (cela a créé le package-lock.json avec uniquement des dépendances ajoutées).
Apparemment, ng serve a utilisé package-lock.json et n'a pas pu y trouver de dépendances angulaires. Après avoir commencé à utiliser uniquement Yarn, c'est-à-dire yarn add au lieu de npm install, l'erreur a disparu.
la source
** Vous devriez être dans le dossier YOUR_APP nouvellement créé avant d'appuyer sur la commande ng serve **
Partons du frais,
1)
install npm
2) Créez une nouvelle application angulaire (
ng new <YOUR_APP_NAME>
)3) allez dans le dossier de l'application (
cd YOUR_APP_NAME
)4)
ng serve
J'espère que cela résoudra le problème.
la source
Pour résoudre ce problème.
cd projectName
npm update
ng serve -o
Par exemple :
la source
Pour ng serve, vous devez être dans ce répertoire
Comment j'ai résolu cela en utilisant cmd
Maintenant, faites cmd
la source