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
npm install
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
npm install
Respuestas:
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
Puede ayudarte
Esto resolverá tu problema.
desde la terminal
> cd myProjectPath
myProjectPath > npm install
No sé si sigue siendo un problema. Estaba experimentando la misma molestia con el @angular/cli v1.1.2
encendido npm 4.1.2
. Eliminé el node_modules
directorio y luego continué con la actualización npm
(ya que esto era una causa común en el pasado).
Quería actualizarme npm
a 5.0.3
(la última) pero desde que estaba usando nvm
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.
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 serve
Esto tiene que ver con que necesita las dependencias y las dependencias dev ubicadas en my-app/package.json
lugar 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 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
previous-app
Después de hacer tus comandos, recibo un You 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 directorio
Ejecute la actualización npm después de instalar todas las dependencias pares y funcionará.
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í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 --save
una vez más.
Corrí npm start
y recibí otro error. Este error dijo Error: Cannot find module '@angular-devkit/core'
.
Me encontré npm install @angular-devkit/core --save
.
¡Finalmente, corrí npm start
y comenzó el proyecto!
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 ejecuteng serve
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 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:
ng serve
npm start
solo se usa si ha expulsado de cli.
Después de tratar en vano:
npm install -g @ angular / cli funcionó para mí
Tuve el mismo problema y, junto con la eliminación de node_modules y la reinstalación, primero necesitaba eliminar package-lock.json.
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".
Debe ejecutar el servidor ng desde la ubicación c: \ project \ angular-src. No solo la raíz de su proyecto.
ng serve
debe ejecutarse desde la raíz de la carpeta, ya que ahí es donde está el package.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
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
y package-lock.json
según esta respuesta y luego ejecutéyarn install
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.
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ó.
** 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.
Para resolver este problema.
cd projectName
npm update
ng serve -o
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/ **