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


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:



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.


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.


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.


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.


6

depuis le terminal

 > cd myProjectPath
 myProjectPath > npm install

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.


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



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


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.


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


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é!


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


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.


1

Après avoir essayé en vain:

  • npm installer
  • mise à jour npm
  • ng servir

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


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.


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.


0

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


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 .


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


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.


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.


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.


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


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/ **
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.