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
npm install
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
npm install
Réponses:
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:
Vous semblez ne pas dépendre de "@ angular / core". C'est une erreur.
Peut vous aider.
Cela résoudra votre problème.
depuis le terminal
> cd myProjectPath
myProjectPath > npm install
Je ne sais pas si c'est toujours un problème. J'éprouvais la même nuisance avec @angular/cli v1.1.2
on npm 4.1.2
. J'ai supprimé le node_modules
répertoire, puis je suis passé à la mise à jour npm
(car c'était une cause courante dans le passé).
Je voulais mettre à niveau npm
vers 5.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.
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écuter ng serve
cela a à voir avec le besoin des dépendances et des devDependencies situées dans my-app/package.json
au lieu de root/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 autres my-app/*
. Il est beaucoup plus facile d'entrer my-app/
et de courir ng 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
previous-app
une You 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 entier
Exécutez la mise à jour npm après avoir installé toutes les dépendances homologues et cela fonctionnera.
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 disant
"Versions of @angular/compiler-cli and typescript could not be determined.
The most common reason for this is a broken npm install.
Please make sure your package.json contains both @angular/compiler-cli and typescript in
devDependencies, then delete node_modules and package-lock.json (if you have one) and
run npm install again."
J'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 dit Error: 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é!
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écutezng serve
Vous créez un nouveau projet avec:
ng new firstngapp
Dans votre exemple, vous manquez new
. Cela créerait un dossier, générerait des fichiers et fonctionnerait npm 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:
ng serve
npm start
n'est utilisé que si vous avez éjecté de cli.
Après avoir essayé en vain:
npm install -g @ angular / cli a fonctionné pour moi
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.
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.
Vous devez exécuter le serveur ng à partir de l'emplacement c: \ project \ angular-src. Pas seulement la racine de votre projet.
ng serve
doit être exécuté à partir de la racine du dossier, car c'est là que se trouve le package.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
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 fait yarn add xxx
bien sûr et cela a fonctionné.
Pour restaurer l'état du projet, j'ai supprimé node_modules
et package-lock.json
selon cette réponse, puis exécutezyarn install
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.
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.
** 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.
Pour résoudre ce problème.
cd projectName
npm update
ng serve -o
Pour ng serve, vous devez être dans ce répertoire
ashish@ashish-Inspiron-3521:~/Angular$ ng new FireStore
create FireStore/README.md (1025 bytes)
create FireStore/.angular-cli.json (1245 bytes)
create FireStore/.editorconfig (245 bytes)
create FireStore/.gitignore (544 bytes)
create FireStore/src/assets/.gitkeep (0 bytes)
create FireStore/src/environments/environment.prod.ts (51 bytes)
create FireStore/src/environments/environment.ts (387 bytes)
create FireStore/src/favicon.ico (5430 bytes)
create FireStore/src/index.html (296 bytes)
create FireStore/src/main.ts (370 bytes)
create FireStore/src/polyfills.ts (3114 bytes)
create FireStore/src/styles.css (80 bytes)
ashish@ashish-Inspiron-3521:~/Angular$ ng serve
You seem to not be depending on "@angular/core". This is an error.
Comment j'ai résolu cela en utilisant cmd
ashish@ashish-Inspiron-3521:~/Angular$ cd FireStore/
Maintenant, faites cmd
ashish@ashish-Inspiron-3521:~/Angular/FireStore$ ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **