Vous semblez ne pas dépendre de «@ angular / core». C'est une erreur

140

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! l'image d'erreur

Image de fichiers

Je ne comprends pas le problème

web_mobile designer_dev
la source
22
J'ai eu un problème similaire, mais j'étais dans le dossier parent.
Jaider
Essayez d'exécuter npm bugs firstngapp et voyez. Il vous guidera pour résoudre votre problème
Swanand
1
Après l' installation de npm, vous pouvez essayer de fermer le projet, puis de le rouvrir. Cela a fonctionné pour moi.
Payez
Es-tu rouillé comme moi? Après le clonage du projet ... passez au dossier du projet etnpm install
Adam Cox
d'accord, vous devez lancer "npm install angular-cli -g", puis "npm install" et enfin le "ng XXX"
Andreas Panagiotidis

Réponses:

192

Essayez de courir

npm install

dans le dossier du projet

galvanisé
la source
79

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.

niranjan pb
la source
2
Je dépendais de "@ angular / core" mais je n'étais pas dans le répertoire du projet, donc j'obtenais cette erreur
niranjan pb
15

Supprimez vos modules de nœuds, vérifiez que votre package.jsonfichier doit avoir le @angular/coreet réinstallez-le avec npm i.

selem mn
la source
13
  1. Supprimez le dossier node_modules et le fichier package-lock.json .
  2. Ensuite, exécutez la commande suivante, cela mettra à jour les packages npm.

    npm update

  3. Démarrez plus tard le projet en exécutant la commande suivante.

    ng serve

Les étapes ci-dessus ont fonctionné pour moi.

sabin
la source
7

Peut vous aider.

  • Supprimer tous les dossiers que vous avez créés précédemment
  • Créer un nouveau dossier
  • Ensuite, essayez d'accéder à ce dossier à partir de la commande "cd nomdossier"
  • puis essayez d'installer "npm install"

Cela résoudra votre problème.

Ajit Kumar
la source
6

depuis le terminal

 > cd myProjectPath
 myProjectPath > npm install
Pooja
la source
8
Cela ressemble beaucoup à la réponse principale du moment - est-ce une réponse nécessaire?
TerryA
1
Mieux que la même suggestion ci-dessus.
FeeFiFoFum
5

Je ne sais pas si c'est toujours un problème. J'éprouvais la même nuisance avec @angular/cli v1.1.2on npm 4.1.2. J'ai supprimé le node_modulesrépertoire, puis je suis passé à la mise à jour npm(car c'était une cause courante dans le passé).

Je voulais mettre à niveau npmvers 5.0.3(le dernier) mais depuis que je l'utilisais, nvmil 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érent

En fin de compte, chaque paquet était bien.

J'espère que cela t'aides.

Mathias Rodriguez
la source
5

Les étapes ci-dessous ont fonctionné pour moi:

1) Supprimez le node_modules/dossier et le package-lock.jsonfichier.

2) npm install

3) ng serve

Ashish168
la source
4

la solution pour moi était

npm link
ng build 

entrez la description de l'image ici

grepit
la source
3

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 servecela a à voir avec le besoin des dépendances et des devDependencies situées dans my-app/package.jsonau 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 servelà-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

Dan
la source
Pouvez-vous expliquer ce que signifie rm -rf <précédent-app> Je ne me souviens pas si et pourquoi j'ai fait previous-appune You cannot use the new command inside an Angular CLI project.erreur après avoir exécuté vos commandesng new my-app
Revolucion pour Monica
@ Marine1 Vous ne pouvez pas créer une nouvelle application Angular à l'intérieur d'une application Angular. et ne exécutez que 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
Dan
2

Exécutez la mise à jour npm après avoir installé toutes les dépendances homologues et cela fonctionnera.

Surendra Parchuru
la source
2

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.)

Roy
la source
2

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 serveet 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 --saveune fois de plus.

J'ai couru npm startet 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 startet le projet a commencé!

MBak
la source
2

J'ai le même problème, et la raison en est

  1. lorsque vous l'exécutez, ng new app-nameil crée un nouveau répertoire avec le nom de l'application et installe tout ce qu'il contient.
  2. après avoir exécuté la commande ci-dessus, la tendance humaine est de s'exécuter 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

abhirathore2006
la source
ie., répertoire cd ng5
Ajay Takur
Le nom du répertoire @AjayTakur sera le même que le nom de l'application.
abhirathore2006
1

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 installpour 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.

Miroslav Jonas
la source
1

Après avoir essayé en vain:

  • npm installer
  • mise à jour npm
  • ng servir

npm install -g @ angular / cli a fonctionné pour moi

user3172635
la source
0

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.

RollWhisTler
la source
0

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.

Irshad
la source
0

Vous devez exécuter le serveur ng à partir de l'emplacement c: \ project \ angular-src. Pas seulement la racine de votre projet.

Tony B
la source
OP n'a peut-être pas de dossier c: \ project \ angular-src. Et non, votre réponse n'a aucun sens. ng servedoit être exécuté à partir de la racine du dossier, car c'est là que se trouve le package.jsonfichier définissant ce script.
Miroslav Jonas
0

Dans mon cas, ce qui suit a fonctionné:

rm -rf node_modules
rm package-lock.json
npm install

D'où le npm install, pas de mise à jour .

Lars
la source
0

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 xxxbien sûr et cela a fonctionné.

Pour restaurer l'état du projet, j'ai supprimé node_moduleset package-lock.jsonselon cette réponse, puis exécutezyarn install

goulot d'étranglement
la source
0

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.

OM Prakash Singh
la source
0

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.

Yakov Fain
la source
0

** 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.

Abhishek Kumar
la source
0

Pour résoudre ce problème.

  1. Étape 1: cd projectName
  2. Étape 2: npm update
  3. Étape 3: ng serve -o

Par exemple : entrez la description de l'image ici

BehrouzMoslem
la source
0

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/ **
Ashish Kamble
la source