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

uninstall angular cli

Question

Quiero crear una aplicación angular 2 con cli angular

He escrito en el cmd:

npm install angular-cli -g

entonces:

ng firstngapp

pero me muestra un error cuando escribo npm start!

No entiendo el problema

Answer 1

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

Answer 2

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

Comencemos desde fresco,

1) install npm

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

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

4) ng serve

Espero que resuelva el problema.

Answer 3

Así es como resolví este problema.

Primero ejecuté npm install @angular/core .

Luego ejecuté npm install --save .

Cuando ambas instalaciones se completaron con éxito, ejecuté npm serve y 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, ejecuté npm install --save nuevamente.

npm start y recibí otro error. Este error decía Error: Cannot find module ''@angular-devkit/core'' .

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

Finalmente, ejecuté npm start y comenzó el proyecto.

Answer 4

Crea un nuevo proyecto con:

ng new firstngapp

En tu ejemplo te falta new . Esto crearía una carpeta, generaría archivos y ejecutaría npm install para 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.

Answer 5

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

Answer 6

Después de tratar en vano:

• npm install
• actualización npm
• ng servir

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

Answer 7

Ejecutando ng new --skip-install PROJECT_NAME y luego yendo manualmente a la carpeta creada y escribiendo npm install. https://github.com/angular/angular-cli/issues/3906

Answer 8

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

Answer 9

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, hice npm install --save bootstrap , y después de ese punto, el error comenzó a aparecer. Luego hice yarn add xxx por supuesto, y funcionó.

Para restaurar el estado del proyecto, package-lock.json node_modules y package-lock.json según this respuesta y luego package-lock.json yarn install

Answer 10

Elimine sus módulos de nodo, compruebe que su archivo package.json debe tener @angular/core y npm i instalarlo con npm i .

Answer 11

En mi caso, funcionó lo siguiente:

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

De ahí la npm install , no la actualización .

Answer 12

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

Answer 13

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

Answer 14

Intenta correr

npm install

en la carpeta del proyecto

Answer 15

Los siguientes pasos me funcionaron:

1) Elimine la carpeta node_modules/ y el archivo package-lock.json .

2) npm install

3) ng serve

Answer 16

Mientras 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

Answer 17

No sé si aún es un problema. Estaba experimentando la misma molestia con @angular/cli v1.1.2 en npm 4.1.2 . node_modules directorio node_modules y luego actualicé npm (ya que esto era una causa común en el pasado).

Quería actualizar npm a 5.0.3 (más reciente), pero dado que estaba usando nvm parece haber estropeado las bibliotecas. Por lo tanto, reinstalé el node .

Entonces fui con

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

Al final, cada paquete estuvo bien.

Espero que esto ayude.

Answer 18

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.

Answer 19

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

Answer 20

Para resolver este problema.

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

Por ejemplo :

Answer 21

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.

Answer 22

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

Answer 23

Si alguien se encuentra con esto en 2018, lo que finalmente funcionó para mí fue ingresar a la aplicación my que creé con ng new my-app ENTONCES ejecutar ng serve Esto tiene que ver con que necesite las dependencias y las dependencias de desarrollo ubicadas en my-app/package.json lugar de root/package.json . Son dos archivos separados.

Incluso si copié todas las dependencias en el package.json mi carpeta raíz, también tendría que ingresar y cambiar manualmente las ubicaciones de las rutas para los archivos de configuración y así ir a my-app/* . Es mucho más fácil acceder a my-app/ y ejecutar ng serve allí para 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

Answer 24

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

1. cuando ejecute ng new app-name creará 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 ejecute ng serve

Answer 25

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

Answer 26

desde la terminal

 > cd myProjectPath
 myProjectPath > npm install

Answer 27

la solución para mí fue

npm link
ng build