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!
No entiendo el problema
angular
npm
angular-cli
web_mobile designer_dev
fuente
fuente
npm install
Respuestas:
Intenta correr
en la carpeta del proyecto
fuente
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:
fuente
Elimine sus módulos de nodo, compruebe que su
package.json
archivo debe tener@angular/core
y vuelva a instalarlonpm i
.fuente
Luego ejecute el siguiente comando, actualizará los paquetes npm.
npm update
Más tarde, inicie el proyecto ejecutando el siguiente comando.
ng serve
Los pasos anteriores funcionaron para mí.
fuente
Puede ayudarte
Esto resolverá tu problema.
fuente
desde la terminal
fuente
No sé si sigue siendo un problema. Estaba experimentando la misma molestia con el
@angular/cli v1.1.2
encendidonpm 4.1.2
. Eliminé elnode_modules
directorio y luego continué con la actualizaciónnpm
(ya que esto era una causa común en el pasado).Quería actualizarme
npm
a5.0.3
(la última) pero desde que estaba usandonvm
parece 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 diferenteAl final, cada paquete estuvo bien.
Espero que esto ayude.
fuente
Los siguientes pasos me funcionaron:
1) Eliminar la
node_modules/
carpeta y elpackage-lock.json
archivo.2)
npm install
3)
ng serve
fuente
la solución para mí fue
fuente
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 ejecutarng serve
Esto tiene que ver con que necesita las dependencias y las dependencias dev ubicadas enmy-app/package.json
lugar deroot/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ásmy-app/*
. Es mucho más fácil entrarmy-app/
y correrng serve
para 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
fuente
previous-app
Después de hacer tus comandos, recibo unYou cannot use the new command inside an Angular CLI project.
error al hacerlong new my-app
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 directorioEjecute la actualización npm después de instalar todas las dependencias pares y funcionará.
fuente
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).
fuente
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 serve
y recibí un error que decíaLuego eliminé mi carpeta node_modules, así como mi carpeta package-lock.json.
Después de eliminar esas carpetas, corrí
npm install --save
una vez más.Corrí
npm start
y recibí otro error. Este error dijoError: Cannot find module '@angular-devkit/core'
.Me encontré
npm install @angular-devkit/core --save
.¡Finalmente, corrí
npm start
y comenzó el proyecto!fuente
Tengo el mismo problema, y la razón es
ng new app-name
creará un nuevo directorio con el nombre de la aplicación e instalará todo lo que contenga.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
fuente
Crea un nuevo proyecto con:
En tu ejemplo te estás perdiendo
new
. Esto crearía una carpeta, generaría archivos y se ejecutaríanpm install
por usted. Parece que ha creado una carpeta, pero no hay ninguna aplicación CLI angular.Y para iniciar el uso de la aplicación:
npm start
solo se usa si ha expulsado de cli.fuente
Después de tratar en vano:
npm install -g @ angular / cli funcionó para mí
fuente
Tuve el mismo problema y, junto con la eliminación de node_modules y la reinstalación, primero necesitaba eliminar package-lock.json.
fuente
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".
fuente
Debe ejecutar el servidor ng desde la ubicación c: \ project \ angular-src. No solo la raíz de su proyecto.
fuente
ng serve
debe ejecutarse desde la raíz de la carpeta, ya que ahí es donde está elpackage.json
archivo que define este script.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
fuente
En mi caso, funcionó lo siguiente:
De ahí el
npm install
, no actualizar .fuente
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 xxx
por supuesto, y funcionó.Para restaurar el estado del proyecto, eliminé
node_modules
ypackage-lock.json
según esta respuesta y luego ejecutéyarn install
fuente
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.
fuente
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ó.
fuente
** 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.
fuente
Para resolver este problema.
cd projectName
npm update
ng serve -o
Por ejemplo :
fuente
Para ng serve necesita estar dentro de ese directorio
Cómo resolví esto usando cmd
Ahora hacer cmd
fuente