Saltar al contenido

¿Cómo actualizo correctamente angular 2 (npm) a la última versión?

Presta atención porque en este enunciado encontrarás el arreglo que buscas.Este post ha sido evaluado por nuestros especialistas para asegurar la calidad y veracidad de nuestro post.

Solución:

El comando npm update -D && npm update -S actualizará todos los paquetes dentro package.json a su última versión, según su gama de versiones definida. Puedes leer más sobre esto aquí.

Si desea actualizar Angular desde una versión anterior a 2.0.0-rc.1entonces tendrás que editar manualmente package.json, ya que Angular se dividió en varios módulos npm. Sin esto, como el paquete angular2 apunta a 2.0.0-beta.21nunca podrá usar la última versión de Angular.

Puede encontrar una lista con algunos de los módulos más comunes que necesitará para comenzar en el repositorio de inicio rápido.

Notas:

  • Una manera genial de mantenerse al día con la última versión de sus paquetes es usar npm outdated que le muestra todos los paquetes desactualizados junto con su versión deseada y más reciente.

  • La razón por la que necesitamos encadenar dos comandos, npm update -D y npm update -S es superar este error hasta que se solucione.

Otro buen paquete que utilicé para migrar desde una versión beta de Angular2 a Angular2 2.0.0 final es npm-check-updates

Muestra la última versión disponible de todos los paquetes especificados en su paquete.json. En contraste con npm outdated también es capaz de editar su paquete.json, lo que le permite hacer una npm upgrade luego.

Instalar en pc

sudo npm install -g npm-check-updates

Uso

ncupara mostrar

ncu -u por volver a escribir su paquete.json

Actualizar a la última versión de Angular 5

Paquetes de profundidad angular:
npm install @angular/animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router@latest --save

Otros paquetes instalados por angular cli
npm install --save [email protected][email protected][email protected]

Paquetes de desarrollo angular:
npm install --save-dev @angular/compiler-cli,cli,language-service@latest

Tipos de paquetes de desarrollo:
npm install --save-dev @types/jasmine,jasminewd2,node@latest

Otros paquetes que están instalados como dev dev por angular cli:
npm install --save-dev [email protected][email protected][email protected][email protected][email protected][email protected][email protected][email protected][email protected][email protected][email protected][email protected]

Instale la última versión compatible utilizada por Angular cli (no haga @latest):
npm install --save-dev [email protected]

Cambie el nombre del archivo angular-cli.json a .angular-cli.json y actualice el contenido:


  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": 
    "name": "project3-example"
  ,
  "apps": [
    
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css"
      ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": 
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      
    
  ],
  "e2e": 
    "protractor": 
      "config": "./protractor.conf.js"
    
  ,
  "lint": [
    
      "project": "src/tsconfig.app.json",
      "exclude": "**/node_modules/**"
    ,
    
      "project": "src/tsconfig.spec.json",
      "exclude": "**/node_modules/**"
    ,
    
      "project": "e2e/tsconfig.e2e.json",
      "exclude": "**/node_modules/**"
    
  ],
  "test": 
    "karma": 
      "config": "./karma.conf.js"
    
  ,
  "defaults": 
    "styleExt": "css",
    "component": 
  

Puntuaciones y comentarios

Tienes la opción de añadir valor a nuestro contenido contribuyendo tu veteranía en las notas.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *