Sembra che tu non dipenda da "@ angular / core". Questo è un errore


140

Voglio creare un'app angolare 2 con cli angolare

Ho scritto nel cmd:

npm installa angular-cli -g

poi:

di firstngapp

ma mi mostra un errore quando scrivo npm start! l'immagine di errore

Immagine dei file

Non capisco il problema


22
Ho avuto un problema simile, ma ero nella cartella principale.
Jaider,

Prova a eseguire npm bugs firstngapp e vedi. Ti guiderà a risolvere il tuo problema
Swanand,

1
Dopo l'installazione di npm puoi provare a chiudere il progetto, quindi riaprirlo. Ha funzionato per me.
Paga il

Sei arrugginito come me? Dopo la clonazione del progetto ... passare alla cartella del progetto enpm install
Adam Cox,

d'accordo, devi eseguire "npm install angular-cli -g", quindi "npm install" e infine "ng XXX"
Andreas Panagiotidis,

Risposte:


192

Prova a correre

npm install

nella cartella del progetto


79

Durante l'esecuzione ng serve dovresti trovarti nella directory dell'app / progetto .

Se si esegue il comando in un'altra directory, viene visualizzato l'errore:

Sembra che tu non dipenda da "@ angular / core". Questo è un errore


2
Stavo dipendendo da "@ angular / core" ma non ero nella directory del progetto, quindi stavo ottenendo
quell'errore

15

Elimina i moduli del nodo, controlla che il tuo package.jsonfile dovrebbe avere @angular/coree reinstallalo con npm i.


13
  1. Elimina la cartella node_modules e il file package-lock.json .
  2. Quindi eseguire il comando seguente aggiornerà i pacchetti npm.

    npm update

  3. Successivamente avviare il progetto eseguendo il comando seguente.

    ng serve

I passaggi sopra hanno funzionato per me.


7

Può aiutarti.

  • Elimina tutte le cartelle che hai creato in precedenza
  • Crea una nuova cartella
  • Quindi prova a passare a quella cartella dal comando "cd foldername"
  • quindi prova a installare "npm install"

Questo risolverà il tuo problema.


6

dal terminal

 > cd myProjectPath
 myProjectPath > npm install

8
Sembra molto simile alla risposta migliore al momento - è questa una risposta necessaria?
TerryA

1
Meglio dello stesso suggerimento sopra.
FeeFiFoFum

5

Non so se sia ancora un problema. Stavo vivendo lo stesso fastidio con @angular/cli v1.1.2on npm 4.1.2. Ho cancellato la node_modulesdirectory e poi ho continuato l'aggiornamento npm(poiché questa era una causa comune in passato).

Volevo aggiornare npma 5.0.3(più recente) ma da quando mi nvmsembra che abbia rovinato le librerie. Pertanto, ho reinstallato node.

Poi sono andato con

  • npm cache clean
  • npm rebuild
  • npm install - Questo più volte, poiché ogni volta ha generato un errore con un pacchetto diverso

Alla fine, ogni pacchetto andava bene.

Spero che questo ti aiuti.


5

Di seguito i passaggi hanno funzionato per me:

1) Elimina la node_modules/cartella epackage-lock.json file.

2) npm install

3) ng serve



3

Se qualcuno si sta imbattendo in questo nel 2018, la cosa che alla fine ha funzionato per me era andare nella mia-app con cui ho creato ng new my-app, e POI eseguire ng serveQuesto ha a che fare con esso che necessita delle dipendenze e delle devDipendenze situate al my-app/package.jsonposto di root/package.json. Sono due file separati.

Anche se ho copiato tutte le dipendenze nella mia cartella principale package.json, dovrei anche andare e cambiare manualmente le posizioni dei percorsi per i file di configurazione e simili my-app/*. È molto più semplice entraremy-app/ ed eseguireng serve lì per far funzionare tutto come dovrebbe.

Quindi questi passaggi dovrebbero funzionare per chiunque:

rm -rf <previous-app> // Qualunque sia la tua app precedente, se ne avevi una.

sudo rm -rf node_modules

rm -f package-lock.json

npm install

ng new my-app

cd my-app

ng serve


Puoi spiegare cosa significa rm -rf <previous-app> Non ricordo se e perché ho fatto un previous-appDopo aver eseguito i tuoi comandi ottengo un You cannot use the new command inside an Angular CLI project.errore mentre lo facciong new my-app
Revolucion per Monica

@ Marine1 Non è possibile creare una nuova app Angular all'interno di un'app Angular. ed esegui solo rm -rf <previous app>se hai un'app precedente che sta creando questo problema. sostituisci il nome della tua app qui. rm -rf rimuove in modo ricorsivo forzando l'intero contenuto della directory
Dan,

2

Esegui l' aggiornamento npm dopo aver installato tutte le dipendenze peer e funzionerà.


2

Di fronte allo stesso problema. Durante l'esecuzione di ngserve dovresti trovarti nella directory delle app. Per confermare (su GIT BASH: avrai (master) dopo il percorso della directory al prompt di gitbash, se ti trovi nella directory dell'app.)


2

Ecco come ho risolto questo problema.

Prima ho corso npm install @angular/core.

Poi ho corso npm install --save.

Quando entrambe le installazioni sono state completate correttamente, ho eseguito npm servee ho ricevuto un messaggio di errore

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

Ho quindi eliminato la mia cartella node_modules e la mia cartella package-lock.json.

Dopo aver eliminato quelle cartelle, ho eseguito npm install --saveancora una volta.

Ho corso npm starte ricevuto un altro errore. Questo errore ha detto Error: Cannot find module '@angular-devkit/core'.

Ho corso npm install @angular-devkit/core --save.

Alla fine ho corso npm starte il progetto è iniziato!


2

Ho avuto lo stesso problema e il motivo è

  1. quando corri ng new app-name creerà una nuova directory con il nome dell'app e installerà tutto ciò che contiene.
  2. dopo aver eseguito il comando precedente, la tendenza umana è quella di eseguire ng serve e poiché l'app si trova nella directory secondaria non troverà package.json e genererà l'errore menzionato.

La soluzione è piuttosto semplice. basta passare alla sottodirectory ed eseguireng serve


vale a dire, directory cd ng5
Ajay Takur,

Il nome della directory di @AjayTakur sarà uguale al nome dell'app.
abhirathore2006,

1

Crea un nuovo progetto con:

ng new firstngapp

Nel tuo esempio ti manca new. Ciò creerebbe una cartella, genererebbe file ed eseguirà npm installper te. Sembra che tu abbia creato la cartella ma non ci sia l'app CLI angolare.

E per avviare l'app utilizzare:

ng serve

npm start viene usato solo se sei stato espulso da cli.


1

Dopo aver provato inutilmente:

  • npm install
  • aggiornamento npm
  • servire

npm install -g @ angular / cli ha funzionato per me


0

Ho avuto lo stesso problema e insieme alla rimozione di node_modules e alla reinstallazione ho dovuto prima rimuovere package-lock.json.


0

Stavo ottenendo lo stesso errore quando ho provato a eseguire "ng serve" dopo che ho visto alcuni suggerimenti che uno dei tecnici mi ha detto di aggiornare il mio npm. L'ho fatto anche io ho questa schermata dopo aver inserito "ng server"

"" Non è stato possibile determinare le versioni di @angular / compilatore-cli e dattiloscritto. Il motivo più comune di ciò è un'installazione npm interrotta. Assicurati che package.json contenga sia @ angular / compilatore-cli che dattiloscritto in devDependencies, quindi elimina node_module e package-lock.json (se ne hai uno) ed esegui nuovamente npm install. ""

Dopo aver eseguito tutte le azioni ora funziona correttamente ... e viene visualizzato il messaggio "Compilato correttamente".


0

È necessario eseguire il server ng dalla posizione c: \ project \ angular-src. Non solo la radice del tuo progetto.


OP potrebbe non avere la cartella c: \ project \ angular-src. E no, la tua risposta non ha senso. ng servedeve essere eseguito dalla radice della cartella, poiché è qui che si trova il package.jsonfile che definisce questo script.
Miroslav Jonas,


0

Nel mio caso, ha funzionato:

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

Da qui il npm install, non l' aggiornamento .


0

Il problema che ho avuto è stato quello di seguire il consiglio del cli per passare alla gestione del pacchetto di filati.

Poi, mentre seguivo un tutorial, l'ho fatto npm install --save bootstrape dopo quel punto ha iniziato a comparire l'errore. Dopo ho fatto yarn add xxxovviamente e ha funzionato.

Per ripristinare lo stato del progetto ho rimosso node_modulese package-lock.jsoncome da questa risposta e quindi eseguitoyarn install


0

Non è stato possibile determinare le versioni di @angular / compilatore-cli e dattiloscritto. Il motivo più comune di ciò è un'installazione npm interrotta.

Assicurati che package.json contenga sia @ angular / compilatore-cli che dattiloscritto in devDependencies, quindi elimina node_modules e package-lock.json (se ne hai uno) ed esegui nuovamente npm install.


0

Questo è successo a me quando stavo mescolando i gestori dei pacchetti. Il mio progetto è stato generato con Yarn e, successivamente, ho aggiunto un paio di dipendenze usando npm install (questo ha creato il pacchetto-lock.json con solo dipendenze aggiunte).

Apparentemente, ng serve usato package-lock.json e non riesce a trovare dipendenze angolari lì. Dopo aver iniziato a usare solo filati, ovvero filati invece di npm install, l'errore era sparito.


0

** Dovresti trovarti nella cartella YOUR_APP appena creata prima di premere il comando ng serve **

Cominciamo da fresco,

1) install npm

2) crea una nuova app angolare ( ng new <YOUR_APP_NAME>)

3) vai alla cartella dell'app ( cd YOUR_APP_NAME)

4) ng serve

Spero che risolverà il problema.


0

Risolvere questo problema.

  1. Passo 1: cd projectName
  2. Passo 2: npm update
  3. Fase 3: ng serve -o

Per esempio : inserisci qui la descrizione dell'immagine


0

Per servire devi essere all'interno di quella directory

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.

Come ho risolto questo usando cmd

ashish@ashish-Inspiron-3521:~/Angular$ cd FireStore/

Ora fai 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/ **
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.