Versión de CLI angular global mayor que la versión local

Cuando ejecuto ng serve, recibo esta advertencia acerca de que mi versión de CLI global es mayor que mi versión local. No noto ningún problema con esta advertencia, pero me preguntaba si las dos versiones deberían estar sincronizadas. Además, ¿es necesario tener una versión local si tiene una versión global?

La advertencia:

Su versión global de CLI angular (1.1.1) es mayor que su versión local (1.0.6). Se utiliza la versión local de CLI angular.

Para responder una de las preguntas, es necesario tener una instalación global y local para que las herramientas funcionen.

Si intenta ejecutar ng serveuna aplicación sin la instalación local de la CLI (solo instalación global), obtendrá el siguiente error.

Debe estar dentro de un proyecto de CLI angular para utilizar el comando de servicio.

También imprimirá este mensaje:

Please take the following steps to avoid issues:
"npm install --save-dev @angular/cli@latest"

Ejecute ese npmcomando para actualizar la CLI localmente y evite la advertencia que está recibiendo.

Otra pregunta: Parece que no tienen que estar sincronizados, pero probablemente sea mejor que lo estén para evitar cualquier comportamiento inusual con la herramienta, o cualquier inconsistencia con el código que genera la herramienta.

¿Por qué necesitamos tanto la instalación global como una instalación local?

La instalación global es necesaria para iniciar una nueva aplicación. El ng new <app-name>comando se ejecuta utilizando la instalación global de la CLI. De hecho, si intenta ejecutar ng newmientras está dentro de la estructura de carpetas de una aplicación CLI existente, obtendrá este error encantador:

No puede usar el newcomando dentro de un proyecto CLI angular.

Otros comandos que se pueden ejecutar desde la instalación global son ng help, ng get/setcon la --globalopción de, ng version, ng doc, y ng completion.

La instalación local de la CLI se usa después de que se haya creado una aplicación. De esta manera, cuando hay nuevas versiones de la CLI disponibles, puede actualizar su instalación global y no afectar la instalación local. Esto es bueno para la estabilidad de un proyecto. La mayoría de los ngcomandos solo tienen sentido con la versión local, como lint, buildy serve, etc.

Según el archivo Léame de CLI GitHub , para actualizar la CLI debe actualizar el paquete global y local. Sin embargo, he usado la CLI donde las versiones global y local varían sin ningún problema hasta ahora. Si alguna vez me encuentro con un error relacionado con tener las versiones de CLI global y local fuera de sincronización, lo publicaré aquí.

Así es como resolví el problema.

Copia y ejecuta estos comandos

ng --version
npm install --save-dev @angular/cli@latest
ng --version

Esto funciona para mí: actualizará la versión local a la última

npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest
npm install

para verificar la versión

  ng --version

npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli@latest

Luego, en su paquete de proyecto local:

rm -rf node_modules dist 
npm install --save-dev @angular/cli@latest
npm i 
ng update @angular/cli 
ng update @angular/core
npm install --save-dev @angular-devkit/build-angular

Se estaba obteniendo el error siguiente Error: Fin inesperado de la entrada JSON Fin inesperado de la entrada JSON Los pasos anteriores ayudados desde esta publicación no se pueden actualizar angular a la versión 6

npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest

Su configuración existente se puede actualizar automáticamente ejecutando el siguiente comando:

ng update @angular/cli

o:

npm install

En mi caso, acabo de usar este comando en el proyecto:

ng update @angular/cli

Ejecute el siguiente comando: npm install --save-dev @angular/cli@latest

Después de ejecutar el comando anterior, la consola puede mostrar el siguiente mensaje

El formato de configuración de CLI angular ha cambiado, y su configuración existente se puede actualizar automáticamente ejecutando el siguiente comando: ng update @ angular / cli

No soy fluido en Inglés

pero si entiendo el problema, ¿es que localmente en el proyecto tiene una versión anterior de CLI que globalmente?

¿Y le gustaría utilizar este global más nuevo en lugar del local más antiguo?

Si es así, un método muy simple es suficiente para ejecutarse en el directorio del proyecto npm link @angular/cli

más en el tema de la página: https://docs.npmjs.com/cli/link

Primero descubra la versión global angular-cli ejecutando

ng --version

El código anterior mostrará qué versión son las versiones global y local angular-cli.

Si desea que el cli angular global y local sea el mismo, simplemente puede hacer

npm install --save-dev @angular/cli@1.7.4

donde 1.7.4 es su versión global angular-cli

Entonces, si ejecuta ng serve --opensu código debería ejecutarse.

Solo necesita actualizar AngularCli

npm install --save-dev @angular/cli@latest

Actualizar CLI angular para un espacio de trabajo (local)

npm install --save -dev @angular/cli@latest

Nota: Asegúrese de instalar la versión global utilizando el comando con '-g' si está instalado correctamente.

npm install -g @angular/cli@latest

Ejecute el comando Actualizar para obtener una lista de todas las dependencias necesarias para actualizar

ng update

Siguiente Ejecute el comando de actualización como se muestra a continuación para cada paquete de núcleo angular individual

ng update @angular/cli @angular/core

Sin embargo, tuve que agregar el comando de banderas '–force' y '–allow-dirty' adicionalmente para solucionar todos los demás problemas pendientes.

ng update @angular/cli @angular/core --allow-dirty --force

Esto debería resolver el problema:

ng update @angular/cli @angular/core

Solo haz estas cosas

npm install --save-dev @angular/cli@latest
npm audit fix
npm audit fix --force

npm install --save-dev @ angular-devkit / build-angular - ayudó a ng update @ angular / cli -> creó angular.json y otras actualizaciones.

Recopilando dependencias instaladas ... Encontradas 58 dependencias.

 ** Executing migrations for package '@angular/cli' **
            Updating karma configuration
            Updating configuration
            Removing old config file (.angular-cli.json)
            Writing config file (angular.json)
            Some configuration options have been changed, please make sure to update any  npm scripts which you may have modified. DELETE .angular-cli.json CREATE angular.json (4394 bytes) CREATE browserslist (429 bytes) UPDATE karma.conf.js (993 bytes) UPDATE public/tsconfig.spec.json (295 bytes) UPDATE package.json (2618 bytes) UPDATE tsconfig.json (437 bytes) UPDATE tslint.json (3135 bytes) UPDATE public/polyfills.ts (587 bytes) UPDATE public/tsconfig.app.json (199 bytes) npm WARN @angular/core@5.2.9 requires a peer of zone.js@^0.8.4 but none is installed. You must install peer dependencies yourself.

Elimine el angular actual e instale la versión específica.

1. Mira esta versión

   ng --version

2. si no es necesario, desinstale la versión

   Desinstalación de npm -g @ angular / cli

3. si npm vesrion <5.x

   npm cache clean

4. Verificar el caché

   npm cache verificar

5. Instalar versión específica

   npm install -g @ angular / cli @ major.minor.patch