tutorial ejemplos curso cli angular

ejemplos - angular wikipedia



MigraciĆ³n angular 6-angular-cli.json a angular.json (6)

Actualicé mi proyecto a Angular 6, y todo salió bien, excepto la conversión del archivo .angular-cli.json . De la guía que seguí, se dijo que esto lo convertirá automáticamente.

npm install -g @ angular / cli

npm install @ angular / cli

ng update @ angular / cli

Sin embargo, no fue el caso ya que todavía tengo el antiguo .angular-cli.json

¿Hay una manera de hacerlo de forma automática / manual?


Intente ejecutar " ng update @ angular / cli " dos veces, se actualizará angular-cli.json a angular.json

ACTUALIZAR:

Si obtienes errores como este:

ERROR: la actualización del comando especificado no es válida, para las opciones disponibles vea ng-help.

entonces necesitas ejecutar 2 comandos de la siguiente manera

  1. npm install --save-dev @ angular / cli @ latest.
  2. ng update @ angular / cli

esto creará automáticamente angular.json, eliminará .angular-cli.json y actualizará karma.conf.js, src / tsconfig.spec.json, package.json y tslint.json


Para actualizar la versión de 5.2 a 6.0, seguí los siguientes pasos.

  • Instale el nodo 8 o superior.
  • hilo global add @ angular / cli.
  • hilo agregar @ angular / cli.
  • ng update @ angular / cli.
  • ng update @ angular / core.

    Nota: si, después de ejecutar el comando ng update @ angular / core , surge un problema de rango no válido , luego siga a continuación, simplemente reemplace la versión principal en package.json, reemplazará automáticamente la versión menor. Recurso: desea actualizar el proyecto de Angular v5 a Angular v6

    - npm uninstall -g angular-cli - npm cache clean or npm cache verify - npm install -g @angular/cli@next - then, replace lower versions to higher versions in package.json file. - delete node modules folder. - run npm/yarn install.

Después de la instalación de npm , si obtiene un error de la ruta src / styles faltante, elimine las rutas indicadas en el archivo angular.json en el bloque de activos de ["src / styles", "src / fonts", "src / images", "src / asset "," src / favicon.ico "] a [" asset "," favicon.ico "].

  • yarn global add rxjs-tslint (puede ser necesario).
  • rxjs-5-to-6-migrate -p src / tsconfig.app.json (puede ser necesario).
  • hilo instalar @ angular / material @ 6.0.0 (para actualizar paquetes de materiales).

=> Tenga en cuenta que nunca necesita cambiar el nombre de angular.cli.json a angular.json manualmente !!

** siéntase libre de preguntar si surgen más preguntas.


Por favor siga estos pasos:

1) Actualice su CLI angular global y localmente (suponiendo que la versión más reciente sea 7)

2) Toma tu antiguo proyecto y ejecuta el siguiente comando

  • npm install @ angular / cli
  • ng update @ angular / cli

Después de ejecutar esto, ha actualizado todos sus paquetes angulares a la última versión.

3) Añade este paquete ya que todavía falta.

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

4) crear un nuevo proyecto nuevo con ng serve (última versión)

5) Cree un nuevo archivo vacío con el nombre angular.json y copie el contenido de angular.json del nuevo proyecto en él.

6) Actualice el nombre del proyecto de forma correspondiente en angular.json

7) Ejecutar npm install

8) Ejecutar ng servicio

9) Ya estás listo con la última versión de angular.

Seguí los pasos anteriores para migrar de angular2 a angular7.


Probablemente hubo errores en uno de esos comandos. Para mí, npm install -g @angular-devkit/core tuve que ejecutar npm install -g @angular-devkit/core y luego ejecutar los comandos:

npm install -g @angular/cli npm install @angular/cli

En la salida de la consola de npm install @angular/cli debería ver:

================================================================================ The Angular CLI configuration format has been changed, and your existing configuration can be updated automatically by running the following command: ng update @angular/cli ================================================================================

Entonces obviamente deberías ejecutar ng update @angular/cli para finalizar el proceso.

Consulte la Guía de actualización oficial para obtener más detalles.


puede actualizar automáticamente su archivo angular-cli.json existente angular-cli.json archivo angular.json usando el siguiente comando siempre que esté en v6.xx o superior de la herramienta de línea de comandos angular cli.

ng update @angular/cli --from=1.7.4 --migrate-only

En el comando anterior 1.7.4 está la versión anterior de cli que estaba usando. El --migrate-only se asegura de que solo realizará una migración pero no actualiza la versión instalada.

Leer más: angular/cli-github


EN CASO DE:
No se pudo encontrar el archivo de espacio de trabajo local (''angular.json'').
O
El comando serve requiere ejecutarse en un proyecto Angular, pero no se pudo encontrar una definición de proyecto.

Actualizar / bajar a la versión deseada (por ejemplo, probé Angular 6)

[sudo] npm install -g -f @angular/[email protected]

Actualizar el proyecto local

ng update @angular/[email protected]

Y eres bueno para ir :)

ng serve