javascript - change - Actualización a Angular 5

change title javascript

Question

¿Cómo actualizar a Angular 5? Esto es de mi paquete. Json:

"dependencies": {
    "@angular/animations": "5.0.0",
    "@angular/common": "5.0.0",
    "@angular/compiler": "5.0.0",
    "@angular/core": "5.0.0",
    "@angular/forms": "5.0.0",
    "@angular/http": "5.0.0",
    "@angular/platform-browser": "5.0.0",
    "@angular/platform-browser-dynamic": "5.0.0",
    "@angular/router": "5.0.0",
    "@types/jwt-decode": "^2.2.1",
    "bootstrap": "^3.3.7",
    "bootstrap-sass": "^3.3.7",
    "classlist.js": "^1.1.20150312",
    "core-js": "^2.4.1",
    "intl": "^1.2.5",
    "jquery": "^3.2.1",
    "jwt-decode": "^2.2.0",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"
},
"devDependencies": {
    "@angular/cli": "1.4.0-rc.2",
    "@angular/compiler-cli": "5.0.0",
    "@angular/language-service": "5.0.0",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "angular-ide": "^0.9.31",
    "codelyzer": "~3.1.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "node-sass": "^4.5.3",
    "protractor": "~5.1.2",
    "raw-loader": "^0.5.1",
    "sass-loader": "^6.0.6",
    "sw-precache": "^5.2.0",
    "ts-node": "~3.2.0",
    "tslint": "~5.3.2",
    "typescript": "~2.3.3"
}

Cuando ejecuto npm install, obtengo este error

npm ERR! Windows_NT 6.1.7601 npm ERR! argv "C: / Archivos de programa / nodejs / node.exe" "C: / Archivos de programa / nodejs / node_modules / npm / bin / npm-cli.js" "install" npm ERR! nodo v6.11.2 npm ERR! npm v3.10.10 npm ¡ERR! código ETARGET

npm ERR! notarget No se ha encontrado ninguna versión compatible: @ angular / common @ 5.0.0 npm ERR! notarget Objetivos de instalación válidos: npm ERR! notarget 5.0.0-rc.0, 5.0.0-beta.7, 5.0.0-beta.6, 5.0.0-beta.5, 5.0.0-beta.4, 5.0.0-beta.3, 5.0 .0-beta.2, 5.0.0-beta.1, 5.0.0-beta.0, 4.4.4, 4.4.3, 4.4.2, 4.4.1, 4.4.0-RC.0, 4.3.6 , 4.3.5, 4.3.4, 4.3.3, 4.3.2, 4.3.1, 4.3.0, 4.3.0-rc.0, 4.3.0-beta.1, 4.3.0-beta.0, 4.2 .6, 4.2.5, 4.2.4, 4.2.3, 4.2.2, 4.2.1, 4.2.0, 4.2. 0-rc.2, 4.2.0-rc.1, 4.2.0-rc.0, 4.2.0-beta.1, 4.2.0-beta.0, 4.1.3, 4.1.2, 4.1.1, 4.1.0, 4.1.0-rc.0, 4.1.0-beta.1, 4.1.0-beta.0, 4.0.3, 4.0.2, 4.0.1, 4.0.0, 4.0.0- rc. 6, 4.0.0-rc.5, 4.0.0-rc.4, 4.0.0-rc.3, 4.0.0-rc.2, 4.0.0-rc.1, 4.0.0-rc.0, 4.0.0-beta.8, 4.0.0-beta.7, 4.0.0-beta.6, 4.0.0-beta.5, 4.0.0-beta.4, 4.0.0-beta.3, 4.0. 0-beta.2, 4.0.0-beta.1, 4.0.0-beta.0, 2.4.10, 2.4.9, 2.4.8, 2.4.7, 2.4.6, 2.4.5, 2.4.4, 2.4.3, 2.4.2, 2.4.1, 2.4.0, 2.3.1, 2.3.0, 2.3.0-rc.0, 2.3.0-beta.1, 2. 3.0-beta.0, 2.2. 4, 2.2.3, 2.2.2, 2.2.1, 2.2.0, 2.2.0-rc.0, 2.2.0-beta.1, 2.2.0-beta.0, 2.1.2, 2.1.1, 2.1.0, 2.1.0-rc.0, 2.1.0-beta.0, 2.0.2, 2.0.1, 2.0.0, 2.0.0-r c.7, 2.0.0-rc.6, 2.0 .0-rc.5, 2.0.0-rc.4, 2.0.0-rc.3, 2.0.0-rc.2, 2.0.0-rc.1, 2.0.0-rc.0, 0.0.0 -7, 0.0.0-6, 0.0.0-5, 0.0.0-4, 0.0.0-3, 0.0.0-2, 0.0.0-1, 0.0.0-0 npm ¡ERR! notarget npm ERR! notarget Esto probablemente no sea un problema con npm en sí mismo. npm ERR! notarget En la mayoría de los casos, usted o una de sus dependencias solicitan npm ERR. notarget una versión del paquete que no existe. npm ERR! notarget npm ERR! notarget Se especificó como una dependencia de ''gizza'' npm ERR! sin objetivo

Sé que Angular 5 todavía está en beta, pero quiero probarlo.

EDITAR : La versión 5.0.0 ahora existe a partir del 1 de noviembre de 2017

Answer 1

Editar: Esta es la última dependencia de trabajo Angular 5:

  "dependencies": {
    "@angular/animations": "^5.2.0",
    "@angular/common": "^5.2.0",
    "@angular/compiler": "^5.2.0",
    "@angular/core": "^5.2.0",
    "@angular/forms": "^5.2.0",
    "@angular/http": "^5.2.0",
    "@angular/platform-browser": "^5.2.0",
    "@angular/platform-browser-dynamic": "^5.2.0",
    "@angular/router": "^5.2.0",
    "core-js": "^2.4.1",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.19"
  },
  "devDependencies": {
    "@angular/cli": "1.6.7",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1",
    "typescript": "~2.5.3"
  }

Solo copie Pegar y ejecutar la instalación de npm

Answer 2

Antes de actualizar, cambie el nombre de sus etiquetas de plantilla a ng-template.

Actualice todas sus dependencias a la última versión angular y correcta de TypeScript. Si está usando Windows, puede usar:

npm install @ angular / animations @ ''^ 5.0.0'' @ angular / common @ ''^ 5.0.0'' @ angular / compiler @ ''^ 5.0.0'' @ angular / compiler-cli @ ''^ 5.0.0'' @angular /core@''5.0.0 ''@ angular / forms @'' ^ 5.0.0 ''@ angular / http @'' ^ 5.0.0 ''@ angular / platform-browser @'' ^ 5.0.0 ''@ angular / platform-browser -dynamic@''^5.0.0 ''@ angular / platform-server @'' ^ 5.0.0 ''@ angular / router @'' ^ 5.0.0 ''[email protected] rxjs@''^5.5.2''

npm install [email protected] --save-exact

Answer 3

Aquí está el comando para actualizar Angular CLI en la versión 5.2.0

npm install @ angular / compiler-cli @ 5.2.0

Answer 4

Básicamente, hay pocos pasos importantes para lograr eso.

1. Actualice CLI angular a la última versión.
2. Modifique las dependencias de la aplicación Angular 4 y actualice las dependencias.

Eso es todo, de esta manera puede actualizar fácilmente su aplicación Angular 4 a Angular 5, Leer más

Answer 5

Como ahora, angular 5 ha sido lanzado oficialmente el 1 de noviembre de 2017, así que para aquellos que quieran actualizar sus aplicaciones angulares antiguas al angular 5:

1) El equipo de Angular también ha puesto una herramienta práctica para hacer la actualización de cualquier versión a angular 5, lo más simple posible.

2) Deberá actualizar todos sus paquetes angulares a la versión 5.0, ejecute el siguiente comando:

npm install @angular/animations@^5.0.0 @angular/common@^5.0.0 @angular/compiler@^5.0.0 @angular/compiler-cli@^5.0.0 @angular/core@^5.0.0 @angular/forms@^5.0.0 @angular/http@^5.0.0 @angular/platform-browser@^5.0.0 @angular/platform-browser-dynamic@^5.0.0 @angular/platform-server@^5.0.0 @angular/router@^5.0.0 [email protected] rxjs@^5.5.2

3) Angular 5 ahora también depende de TypeScript 2.4.2 y RxJS 5.5.2, por lo que tendrá que actualizar esos paquetes también.

npm install [email protected] --save-exact 

4) Si confía en los canales de fecha, moneda, decimales o porcentaje, en 5 verá cambios menores en el formato. Para aplicaciones que usen configuraciones regionales que no sean en-us, deberá importarlo y opcionalmente locale_extended_fr de @ angular / common / i18n_data / locale_fr y registerLocaleData (local). Para obtener más información sobre cambios de interruptores de tuberías: https://.com/a/47263949/2810015

5) El uso de implementos en lugar de se extiende con los eventos del ciclo de vida: asegúrese de no usar extends OnInit, o use extends con cualquier evento de ciclo de vida. En su lugar usa implementos.

6) Cambie de HttpModule y el servicio Http a HttpClientModule y al servicio HttpClient. HttpClient simplifica la ergonomía predeterminada (Ya no necesita mapear a json y eliminar cualquier map(res => res.json()) , que ya no es necesaria) y ahora admite valores de retorno e interceptores tipados.

7) La forma recomendada de importar operadores en RxJS 5.5 es desde rxjs / operadores.

import { map, filter, mergeMap, tap } from ''rxjs/operators'';

He tratado de explicar más here . here

Answer 6

EDITAR: La versión 5.0.0 ahora existe a partir del 1 de noviembre de 2017

La NPM te dice que 5.0.0 no existe. cambie su package.json a uno de los candidatos de lanzamiento sugeridos como 5.0.0-rc.0. Existe una buena posibilidad de que no sean exactamente eso tampoco, así que lea el error npm en realidad es útil en este caso.

"dependencies": {
    "@angular/animations": "5.0.0-rc.0",
    "@angular/common": "5.0.0-rc.0",
    "@angular/compiler": "5.0.0-rc.0",
    "@angular/core": "5.0.0-rc.0",
    "@angular/forms": "5.0.0-rc.0",
    "@angular/http": "5.0.0-rc.0",
    "@angular/platform-browser": "5.0.0-rc.0",
    "@angular/platform-browser-dynamic": "5.0.0-rc.0",
    "@angular/router": "5.0.0-rc.0",
    "@types/jwt-decode": "^2.2.1",
    "bootstrap": "^3.3.7",
    "bootstrap-sass": "^3.3.7",
    "classlist.js": "^1.1.20150312",
    "core-js": "^2.4.1",
    "intl": "^1.2.5",
    "jquery": "^3.2.1",
    "jwt-decode": "^2.2.0",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"
},
"devDependencies": {
    "@angular/cli": "1.4.0-rc.2",
    "@angular/compiler-cli": "5.0.0",
    "@angular/language-service": "5.0.0",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "angular-ide": "^0.9.31",
    "codelyzer": "~3.1.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "node-sass": "^4.5.3",
    "protractor": "~5.1.2",
    "raw-loader": "^0.5.1",
    "sass-loader": "^6.0.6",
    "sw-precache": "^5.2.0",
    "ts-node": "~3.2.0",
    "tslint": "~5.3.2",
    "typescript": "~2.3.3"
}

Answer 7

Este problema se produce debido a la versión npm para trabajar en Angular 5;

"node": ">=6.9.5 <7.0.0",
"npm": ">=3.10.7 <4.0.0",
"yarn": ">=1.0.2 <2.0.0"

Answer 8

Obtuve el mismo error incluso al pegar el comando de la guía de actualización angular .

Al final, acabo de cambiar las versiones a la última y funcionó.

npm install @angular/animations@latest @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest rxjs@latest --save

npm install [email protected] --save-exact

No estoy seguro de por qué se produce este error porque incluso cuando escribo

 npm view @angular/core versions --json

Puedo ver que la versión realmente existe. Mi única teoría es tal vez porque estoy en Windows y a la versión de Windows de NPM no le gustan los números de versión ...

Answer 9

Respuesta original de @Vishal Gulati: https://.com/a/47132265/6877180

Vista rápida:

Actualiza Angular con todos sus paquetes a la última versión.

npm install [email protected] --save-dev
npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest --save

Actualizar CLI si es necesario

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