Parece que no depende de "@ angular / core". Esto es un error

140

Quiero crear una aplicación angular 2 con cli angular

He escrito en el cmd:

npm install angular-cli -g

luego:

ng firstngapp

pero me muestra un error cuando escribo npm start! la imagen de error

Imagen de archivos

No entiendo el problema

web_mobile designer_dev
fuente
22
Tuve un problema similar, pero estaba en la carpeta principal.
Jaider
Intente ejecutar npm bugs firstngapp y vea. Le guiará para resolver su problema
Swanand
1
Después de la instalación de npm , puede intentar cerrar el proyecto y luego abrirlo nuevamente. Funcionó para mi.
Pague el
¿Estás oxidado como yo? Después de clonar el proyecto ... cambie a la carpeta del proyecto ynpm install
Adam Cox
acordado, debe ejecutar "npm install angular-cli -g", luego "npm install" y finalmente el "ng XXX"
Andreas Panagiotidis

Respuestas:

192

Intenta correr

npm install

en la carpeta del proyecto

galvan
fuente
79

Mientras se ejecuta ng serve , debe estar en el directorio de la aplicación / proyecto .

Si ejecuta el comando en otro directorio, obtiene el error:

Parece que no depende de "@ angular / core". Esto es un error

niranjan pb
fuente
2
Estaba dependiendo de "@ angular / core", pero no estaba en el directorio del proyecto, así que
recibí
15

Elimine sus módulos de nodo, compruebe que su package.jsonarchivo debe tener @angular/corey vuelva a instalarlo npm i.

selem mn
fuente
13
  1. Elimine la carpeta node_modules y el archivo package-lock.json .
  2. Luego ejecute el siguiente comando, actualizará los paquetes npm.

    npm update

  3. Más tarde, inicie el proyecto ejecutando el siguiente comando.

    ng serve

Los pasos anteriores funcionaron para mí.

sabin
fuente
7

Puede ayudarte

  • Eliminar todas las carpetas que ha creado anteriormente
  • Crear carpeta nueva
  • Luego intente navegar a esa carpeta desde el comando "cd foldername"
  • luego intente instalar "npm install"

Esto resolverá tu problema.

Ajit Kumar
fuente
6

desde la terminal

 > cd myProjectPath
 myProjectPath > npm install
Pooja
fuente
8
Esto se parece mucho a la respuesta principal en este momento: ¿es una respuesta necesaria?
TerryA
1
Mejor que la misma sugerencia anterior.
FeeFiFoFum
5

No sé si sigue siendo un problema. Estaba experimentando la misma molestia con el @angular/cli v1.1.2encendido npm 4.1.2. Eliminé el node_modulesdirectorio y luego continué con la actualización npm(ya que esto era una causa común en el pasado).

Quería actualizarme npma 5.0.3(la última) pero desde que estaba usando nvmparece haber estropeado las bibliotecas. Por lo tanto, reinstalé node.

Entonces fui con

  • npm cache clean
  • npm rebuild
  • npm install - Este varias veces, ya que cada vez arrojó un error con un paquete diferente

Al final, cada paquete estuvo bien.

Espero que esto ayude.

Mathias Rodriguez
fuente
5

Los siguientes pasos me funcionaron:

1) Eliminar la node_modules/carpeta y el package-lock.jsonarchivo.

2) npm install

3) ng serve

Ashish168
fuente
4

la solución para mí fue

npm link
ng build 

ingrese la descripción de la imagen aquí

grepit
fuente
3

Si alguien se encuentra con esto en 2018, lo que finalmente funcionó para mí fue ingresar a mi aplicación con la que creé ng new my-app, y LUEGO ejecutar ng serveEsto tiene que ver con que necesita las dependencias y las dependencias dev ubicadas en my-app/package.jsonlugar de root/package.json. Son dos archivos separados.

Incluso si copio todas las dependencias a la carpeta raíz package.json, también tendría que ingresar y cambiar manualmente las ubicaciones de las rutas para los archivos de configuración y demás my-app/*. Es mucho más fácil entrar my-app/y correr ng servepara dejar que todo funcione como se supone que debe hacerlo.

Entonces, estos pasos deberían funcionar para cualquiera:

rm -rf <previous-app> // Como se llamara tu aplicación anterior, si tuvieras una.

sudo rm -rf node_modules

rm -f package-lock.json

npm install

ng new my-app

cd my-app

ng serve

Dan
fuente
¿Puedes explicar qué hace rm -rf <previous-app>? No recuerdo si y por qué hice un previous-appDespués de hacer tus comandos, recibo un You cannot use the new command inside an Angular CLI project.error al hacerlong new my-app
Revolución para Mónica
@ Marine1 No puede crear una nueva aplicación Angular dentro de una aplicación Angular. y solo se ejecuta rm -rf <previous app>si tenía una aplicación anterior que está creando este problema. sustituya el nombre de su aplicación aquí. rm -rf elimina recursivamente por la fuerza todo el contenido del directorio
Dan
2

Ejecute la actualización npm después de instalar todas las dependencias pares y funcionará.

Surendra Parchuru
fuente
2

Enfrentó el mismo problema. Mientras ejecuta ngserve, debe estar en el directorio de aplicaciones. Para confirmar (en GIT BASH: tendrá (maestro) después de la ruta del directorio en el indicador de gitbash, si está en el directorio de la aplicación).

Roy
fuente
2

Así es como resolví este problema.

Primero corrí npm install @angular/core.

Entonces corrí npm install --save.

Cuando ambas instalaciones se completaron con éxito, ejecuté npm servey recibí un error que decía

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

Luego eliminé mi carpeta node_modules, así como mi carpeta package-lock.json.

Después de eliminar esas carpetas, corrí npm install --saveuna vez más.

Corrí npm starty recibí otro error. Este error dijo Error: Cannot find module '@angular-devkit/core'.

Me encontré npm install @angular-devkit/core --save.

¡Finalmente, corrí npm starty comenzó el proyecto!

MBak
fuente
2

Tengo el mismo problema, y ​​la razón es

  1. cuando lo ejecutes ng new app-namecreará un nuevo directorio con el nombre de la aplicación e instalará todo lo que contenga.
  2. después de ejecutar el comando anterior, la tendencia humana es ejecutar ng serve y debido a que su aplicación está en el subdirectorio, no encontrará package.json y arrojará el error mencionado.

La solución es bastante simple. simplemente muévase al subdirectorio y luego ejecuteng serve

abhirathore2006
fuente
es decir, directorio cd ng5
Ajay Takur
El nombre del directorio @AjayTakur será el mismo que el nombre de la aplicación.
abhirathore2006
1

Crea un nuevo proyecto con:

ng new firstngapp

En tu ejemplo te estás perdiendo new. Esto crearía una carpeta, generaría archivos y se ejecutaría npm installpor usted. Parece que ha creado una carpeta, pero no hay ninguna aplicación CLI angular.

Y para iniciar el uso de la aplicación:

ng serve

npm start solo se usa si ha expulsado de cli.

Miroslav Jonas
fuente
1

Después de tratar en vano:

  • npm install
  • actualización npm
  • ng servir

npm install -g @ angular / cli funcionó para mí

usuario3172635
fuente
0

Tuve el mismo problema y, junto con la eliminación de node_modules y la reinstalación, primero necesitaba eliminar package-lock.json.

RollWhisTler
fuente
0

Recibí el mismo error cuando intenté ejecutar "ng serve" después de eso, vi algunas sugerencias que uno de los técnicos me dijo que actualizara mi npm. También lo hice y luego obtuve esta pantalla después de ingresar "ng server"

"" No se pudieron determinar las versiones de @ angular / compiler-cli y typecript. La razón más común para esto es una instalación npm rota. Asegúrese de que su package.json contenga @ angular / compiler-cli y typecript en devDependencies, luego elimine node_module y package-lock.json (si tiene uno) y ejecute npm install nuevamente ".

Después de realizar todas las acciones, ahora funciona correctamente ... y recibe el mensaje "Compilado correctamente".

Irshad
fuente
0

Debe ejecutar el servidor ng desde la ubicación c: \ project \ angular-src. No solo la raíz de su proyecto.

Tony B
fuente
OP podría no tener la carpeta c: \ project \ angular-src. Y no, tu respuesta no tiene sentido. ng servedebe ejecutarse desde la raíz de la carpeta, ya que ahí es donde está el package.jsonarchivo que define este script.
Miroslav Jonas el
0

En mi caso, funcionó lo siguiente:

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

De ahí el npm install, no actualizar .

Lars
fuente
0

El problema que tuve fue que seguí los consejos del cli para cambiar a la gestión de paquetes de hilo.

Luego, mientras seguía un tutorial, lo hice npm install --save bootstrap, y después de ese punto, el error comenzó a aparecer. Después lo hice, yarn add xxxpor supuesto, y funcionó.

Para restaurar el estado del proyecto, eliminé node_modulesy package-lock.jsonsegún esta respuesta y luego ejecutéyarn install

cuello de botella
fuente
0

No se pudieron determinar las versiones de @ angular / compiler-cli y mecanografiado. La razón más común para esto es una instalación npm rota.

Asegúrese de que su package.json contenga @ angular / compiler-cli y typecript en devDependencies, luego elimine node_modules y package-lock.json (si tiene uno) y ejecute npm install nuevamente.

OM Prakash Singh
fuente
0

Esto me sucedió cuando estaba mezclando administradores de paquetes. Mi proyecto se generó con Yarn, y después de eso, agregué un par de dependencias usando npm install (esto creó el paquete-lock.json con solo dependencias agregadas).

Aparentemente, ng serve utiliza package-lock.json y no pudo encontrar dependencias angulares allí. Después de que comencé a usar solo Yarn, es decir, agregar hilo en lugar de instalar npm, el error desapareció.

Yakov Fain
fuente
0

** Debería estar en la carpeta YOUR_APP recién creada antes de presionar el comando ng serve **

Empecemos por fresco,

1) install npm

2) crear una nueva aplicación angular ( ng new <YOUR_APP_NAME>)

3) ir a la carpeta de la aplicación ( cd YOUR_APP_NAME)

4) ng serve

Espero que resuelva el problema.

Abhishek Kumar
fuente
0

Para resolver este problema.

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

Por ejemplo : ingrese la descripción de la imagen aquí

BehrouzMoslem
fuente
0

Para ng serve necesita estar dentro de ese directorio

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.

Cómo resolví esto usando cmd

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

Ahora hacer 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
fuente