Je veux créer un 2 App angulaire avec cli angulaire
J'ai écrit dans le cmd:
npm installer angular-cli -g
puis:
ng firstngapp
mais cela me montre une erreur quand j'écris npm start!
Je ne comprends pas le problème
Essayer de courir
npm install
dans le dossier du projet
Lorsque vous exécutez ng serve
, vous devriez être dans le répertoire/project de l'application .
Si vous exécutez la commande dans un autre répertoire, vous obtenez l'erreur suivante:
Vous semblez ne pas dépendre de "@ angular/core". C'est une erreur.
Supprimez vos modules de nœud, vérifiez que votre fichier package.json
contient le @angular/core
et le réinstaller avec npm i
.
Ensuite, lancez la commande suivante pour mettre à jour les paquets npm.
npm update
Plus tard, démarrez le projet en exécutant la commande suivante.
ng serve
Les étapes ci-dessus ont fonctionné pour moi.
du terminal
> cd myProjectPath
myProjectPath > npm install
Je ne sais pas si c'est toujours un problème. Je rencontrais la même nuisance avec @angular/cli v1.1.2
sur npm 4.1.2
. J'ai supprimé le répertoire node_modules
et ensuite mis à jour npm
(car c'était une cause courante dans le passé).
Je voulais mettre à jour npm
vers 5.0.3
(dernière) mais depuis que j'utilisais nvm
, il semble que les bibliothèques se soient égarées. Ainsi, j'ai réinstallé node
.
Ensuite, je suis allé avec
npm cache clean
npm rebuild
npm install
- Celui-ci à plusieurs reprises, car chaque fois il renvoyait une erreur avec un paquet différentEn fin de compte, chaque colis était bien.
J'espère que cela t'aides.
Peut vous aider.
Cela vous résoudra le problème.
Si quelqu'un se heurte à ce problème en 2018, ce qui a finalement fonctionné pour moi a été d'aller dans my-app que j'ai créée avec ng new my-app
et THEN d'exécuter ng serve
. Cela concerne le besoin de dépendances et de devDependencies situés dans my-app/package.json
au lieu de root/package.json
. Ce sont deux fichiers séparés.
Même si je copiais toutes les dépendances dans le package.json
de mon dossier racine, je devrais aussi entrer et modifier manuellement les emplacements des chemins d'accès aux fichiers de configuration, pour pouvoir aller dans my-app/*
. Il est beaucoup plus facile d’aller dans my-app/
et d’exécuter ng serve
à cet endroit pour que tout fonctionne comme prévu.
Donc, ces étapes devraient fonctionner pour n'importe qui:
rm -rf <previous-app>
// Quel que soit le nom de votre application précédente, 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
Voici comment j'ai résolu ce problème.
J'ai d'abord exécuté npm install @angular/core
.
Puis j'ai couru npm install --save
.
Une fois les deux installations terminées, j'ai exécuté npm serve
et j'ai reçu une erreur indiquant
"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 exécuté npm install --save
une fois de plus.
J'ai exécuté npm start
et j'ai reçu une autre erreur. Cette erreur disait Error: Cannot find module '@angular-devkit/core'
.
J'ai couru npm install @angular-devkit/core --save
.
Finalement, j'ai lancé npm start
et le projet a commencé!
Face au même problème. Lorsque vous exécutez ngserve, vous devriez être dans le répertoire des applications. Pour confirmer (sur GIT BASH: vous aurez (maître) après le chemin du répertoire dans l'invite gitbash, si vous êtes dans le répertoire app.)
j'ai eu le même problème, et la raison en est
ng new app-name
, il créera un nouveau répertoire avec le nom de l'application et installera tout ce qu'il contient.ng serve
.__ et, votre application étant dans un sous-répertoire, il ne trouvera pas package.json et ne générera pas l'erreur mentionnée.La solution est assez simple. déplacez-vous simplement vers le sous-répertoire, puis exécutez ng serve
Les étapes ci-dessous ont fonctionné pour moi:
Supprimez le dossier node_modules et le fichier package-lock.json . Npm installng serve
Exécutez le npm update après avoir installé toutes les dépendances entre homologues et cela fonctionnera.
Après avoir tenté en vain:
npm install -g @ angular/cli a travaillé pour moi
Vous créez un nouveau projet avec:
ng new firstngapp
Dans votre exemple, il vous manque new
. Cela créerait un dossier, générerait des fichiers et lancerait npm install
pour vous ..__ Il semblerait que vous ayez créé un dossier mais qu’il n’y ait pas d’application CLI angulaire.
Et pour démarrer l'application, utilisez:
ng serve
npm start
n'est utilisé que si vous vous êtes éjecté de cli.
Le problème que j’ai eu, c’est que j’ai suivi le conseil de la cli de passer à la gestion des paquets de fils.
Puis, tout en suivant un tutoriel, j'ai fait npm install --save bootstrap
, et ensuite l'erreur a commencé à apparaître. Ensuite, j’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
conformément à this answer puis exécuter yarn install
.
Les versions de @ angular/compiler-cli et TypeScript n'ont pas pu être déterminées . La raison la plus courante est une installation npm cassée.
Assurez-vous 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.
Cela m'est arrivé quand je mélangeais des gestionnaires de paquets. Mon projet a été généré avec Yarn, puis 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 sert used package-lock.json et ne peut pas y trouver de dépendances angulaires. Après avoir commencé à utiliser uniquement Yarn, c.-à-d. Yarn add au lieu de npm install, l’erreur a disparu.
Pour servir, 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 ça en utilisant cmd
ashish@ashish-Inspiron-3521:~/Angular$ cd FireStore/
Maintenant faire 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/ **
** Vous devriez être dans le dossier YOUR_APP nouvellement créé avant d'appuyer sur la commande ng serve **
Permet de partir de frais,
1) install npm
2) créer une nouvelle application angulaire (ng new <YOUR_APP_NAME>
)
3) aller au dossier de l'application (cd YOUR_APP_NAME
)
4) ng serve
J'espère que cela résoudra le problème.
Vous devez exécuter le serveur ng à partir de l’emplacement c:\project\angular-src. Pas seulement la racine de votre projet.
Dans mon cas, ce qui suit a fonctionné:
rm -rf node_modules
rm package-lock.json
npm install
D'où le npm install
, pas update .
J'avais la même erreur quand j'ai essayé de lancer "ng serve" après avoir vu quelques suggestions qu'un technicien m'a dit de mettre à jour mon npm.J'ai fait cela aussi, puis j'ai eu cet écran après être entré dans "ng server"
"" Les versions de @ angular/compiler-cli et TypeScript n'ont pas pu être déterminées . La raison la plus courante est une installation npm cassée . Assurez-vous que votre package.json contient bien @ angular/compiler-cli et TypeScript dans devDependencies, puis supprimez node_module et package-lock.json (si vous en avez un) et Réexécutez l’installation de npm. ""
Après avoir exécuté toutes les actions, son fonctionnement est correct ... et le message "Compilé avec succès" s'affiche.
Exécutez ng new --skip-install PROJECT_NAME, puis entrez manuellement dans le dossier créé et entrez npm install . https://github.com/angular/angular-cli/issues/3906
J'ai eu le même problème et avec la suppression des node_modules et la réinstallation, j'avais besoin de supprimer package-lock.json en premier.