Mise à jour Angulaire 5

Comment mettre à jour vers Angulaire 5?
C'est à partir de mon colis.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"
}

Quand je lance npm install, j'obtiens cette erreur

mnp ERR! Windows_NT 6.1.7601 mnp ERR! argv "C:\Program
Files\nodejs\node.exe" "C:\Program
Files\nodejs\node_modules\npm\bin\npm-cli.js" "installer" npm ERR!
nœud v6.11.2 mnp ERR! npm v3.10.10 mnp ERR! code ETARGET

mnp ERR! notarget Pas compatible avec la version trouvée: @angular/[email protected]
npm ERR! notarget installation Valide objectifs: mnp ERR! notarget 5.0.0-rc.0,
5.0.0-bêta.7, 5.0.0-bêta.6, 5.0.0-bêta.5, 5.0.0-bêta.4, 5.0.0-bêta.3, 5.0.0-bêta.2, 5.0.0-bêta.1, 5.0.0-bêta.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-bêta.1, 4.3.0-bêta.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-bêta.1, 4.2.0-bêta.0, 4.1.3, 4.1.2, 4.1.1, 4.1.0, 4.1.0-rc.0, 4.1.0-bêta.1, 4.1.0-bêta.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-bêta.8, 4.0.0-bêta.7, 4.0.0-bêta.6, 4.0.0-bêta.5, 4.0.0-bêta.4, 4.0.0-bêta.3,
4.0.0-bêta.2, 4.0.0-bêta.1, 4.0.0-bêta.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-bêta.1, 2.
3.0 bêta.0, 2.2.4, 2.2.3, 2.2.2, 2.2.1, 2.2.0, 2.2.0-rc.0, 2.2.0-bêta.1, 2.2.0-bêta.0, 2.1.2, 2.1.1, 2.1.0, 2.1.0-rc.0, 2.1.0-bêta.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 mnp ERR! notarget Ce n'est probablement pas un problème avec les mnp lui-même. npm ERR! notarget Dans la plupart des cas
vous ou l'un de vos dépendances sont requérant mnp ERR! notarget un
package version qui n'existe pas. npm ERR! notarget mnp ERR!
notarget Il a été spécifié comme une dépendance de "gizza' npm ERR! notarget

Je sais Angulaire 5 est encore en version bêta, mais je veux le tester.

MODIFIER: Version 5.0.0 maintenant n'existent que de Nov. 1er 2017

  • Ne spécifiez pas de versions mineures, sauf si c'est vraiment important pour vous.
InformationsquelleAutor Melchia | 2017-09-29
  1. 15

    EDIT: Version 5.0.0 maintenant n'existent que de Nov. 1er 2017

    MNP est vous dire 5.0.0 n'existent pas. changer de forfait.json à l'une des suggestions de candidats de version comme 5.0.0-rc.0. Il ya une bonne chance ils ne sont pas tous exactement qui soit afin de lire le mécanisme national de prévention d'erreur, il est effectivement utile dans ce cas.

    "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"
}
    • Si cette réponse est suffisante s'il vous plaît accepter pour les futurs utilisateurs de cette question.
    • Oui, je suis en attente pour l'3 minutes pour transmettre afin que je puisse accepter votre réponse
    InformationsquelleAutor rjustin
  2. 55

    Comme aujourd'hui, angulaire 5 a été publié officiellement le 1er Novemebr 2017,
    Donc, pour ceux qui veulent mettre à jour votre ancien angulaire applications angulaire 5:

    1) L'Angulaire de l'équipe a également mis un outil pratique à faire la mise à niveau de toute version angulaire 5, aussi simple que possible.

    2) Vous devrez mettre à jour l'ensemble de vos angulaire de paquets pour la version 5.0, exécutez la commande suivante: 

    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 zone.js@^0.8.4 @angular/upgrade@^5.0.0 typescript@2.4.2 rxjs@^5.5.2

    3) Angulaire 5 maintenant dépend aussi de Tapuscrit 2.4.2 et RxJS 5.5.2, de sorte que vous aurez à les mettre à niveau de paquet ainsi.

    npm install typescript@2.4.2 --save-exact

    4) Si vous comptez sur la date, la devise, la virgule, ou pour cent de tuyaux, à 5, vous allez voir des changements mineurs au format. Pour les applications utilisant les paramètres régionaux autres que fr-us, vous aurez besoin de l'importer et éventuellement locale_extended_fr de @angulaire/common/i18n_data/locale_fr et registerLocaleData(local).
    Pour plus d'informations sur les tuyaux de dernières modifications:
    https://stackoverflow.com/a/47263949/2810015

    5) l'Utilisation d'outils au lieu de s'étend avec tous les événements de cycle de vie : de vous Assurer de ne pas utiliser s'étend OnInit, ou l'utilisation s'étend à tout événement de cycle de vie. Au lieu d'utiliser les outils .

    6) Commutateur de HttpModule et le service Http pour HttpClientModule et la HttpClient service. HttpClient simplifie la valeur par défaut de l'ergonomie (Vous n'avez pas besoin de carte pour json plus et supprimer tout map(res => res.json()) appels, qui ne sont plus nécessaires.) et prend désormais en charge tapé les valeurs de retour et les intercepteurs.

    7) de La manière recommandée de l'importation des opérateurs dans RxJS 5.5 est de rxjs/opérateurs.

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

    J'ai essayé d'expliquer plus ici.
    https://onlyforcoder.blogspot.in/2017/11/angular-5-upgrade-your-project-To-Angular5.html

    • Merci il est vraiment utile +1
    • L'échec pour moi. Je reçois des mnp ERR! notarget Pas de version correspondante trouvé pour @angulaire/compilateur@'5.0.0'
    • npmjs.com/package/@angular/compiler, Vous pouvez vérifier, @angulaire/compilerversion 5.0.2 a été libéré. Essayez cette version à installer, SI cela échoue également pour vous. essayez cette npm install https://github.com/angular/angular/tree/master/packages/compiler
    • Je peux vérifier que je reçois l'erreur exacte, quand je lance la commande à partir de l'outil de mise à niveau que Google fourni. Je ne comprends pas pourquoi cela se produit. Quand je vais à la ngp vue @angulaire/core versions --json, je peux voir la version existe
    • pour ceux qui se "Aucune correspondance, la version trouvée pour" erreur, vous devez supprimer le '' sur la version de la partie
    • Je me bats ( Cette version de la CLI n'est compatible qu'avec Angulaire de la version 5.0.0 ou plus. ) pour les jours jusqu'à ce que j'ai fait votre assez longue de commande ci-dessus et je suis enfin en mesure de ng serve de nouveau. Ne peut pas vous dire comment beaucoup de chagrin que vous avez terminé pour moi.

    InformationsquelleAutor Nimish goel
  3. 12

    Edit: C'est le dernier Angulaire de 5 dépendances:

      "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"
}

    Il suffit de copier-Coller & exécuter npm install

    InformationsquelleAutor Melchia
  4. 3

    J'ai eu la même erreur, même lors du collage de la commande à partir de la Angulaire guide de mise à niveau.

    En fin de compte, j'ai juste changé les versions les plus récentes et cela a fonctionné.

    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 typescript@2.4.2 --save-exact

    Je ne suis pas sûr pourquoi cette erreur se produit parce que même quand je tape dans 

     npm view @angular/core versions --json

    Je peux voir que la version existe réellement. Ma théorie est peut-être que c'est parce que je suis sur Windows et la version Windows de la NGP n'aime pas ces numéros de version...

    InformationsquelleAutor Diskdrive
  5. 3

    Réponse originale à cette question par @Vishal Gulati: https://stackoverflow.com/a/47132265/6877180

    Aperçu Rapide:

    De mise à niveau Angulaire avec tous ses paquets de la version la plus récente.

    npm install typescript@2.4 --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

    De mise à niveau de la CLI, si nécessaire

    npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@latest
    InformationsquelleAutor Akshay Thorve
  6. 2

    Voici la commande pour mettre à jour Angulaire de la CLI dans la version 5.2.0

    npm install @angular/[email protected]

    InformationsquelleAutor Sheo Dayal Singh
  7. 1

    Ce problème est de se produire en raison de la ngp version
    Afin de travailler dans Angulaire 5 ;

    "node": ">=6.9.5 <7.0.0",
"npm": ">=3.10.7 <4.0.0",
"yarn": ">=1.0.2 <2.0.0"
    • mon mnp version est 3.10.10
    • En outre, vous pouvez consulter l'erreur de changer la version du package.json comme @angular/[email protected] npm ERR! notarget installation Valide objectifs: mnp ERR! notarget 5.0.0-rc.0, 5.0.0-bêta.7. Cela signifie que vous devez changer la version @angular/[email protected] à @angular/[email protected] ou @angular/[email protected] anf va comme dans l'erreur.
    InformationsquelleAutor Dr. Geek
  8. 1

    Fondamentalement, il ya quelques étapes importantes pour y parvenir.

    1. De mise à niveau Angulaire de la CLI pour la dernière version.
    2. Modifier Angulaire 4 app dépendances et mettre à Jour les dépendances.

    Que c'est, de cette façon, vous pouvez facilement mettre à jour votre Angulaire 4 app Angulaire 5, Lire plus

    InformationsquelleAutor Mohit Tanwani
  9. 1

    Avant la mise à jour de renommer vos balises de modèle à ng-modèle.

    Mise à jour de tous vos dépendances à la dernière Angulaire et de la bonne version de la Machine. Si vous utilisez Windows, vous pouvez utiliser:

    npm install @angulaire/animations@'^5.0.0' @angulaire/common@'^5.0.0' @angulaire/compilateur@'^5.0.0' @angulaire/compilateur-cli@'^5.0.0' @angulaire/core@'^5.0.0' @angulaire, formes@'^5.0.0' @angulaire/http@'^5.0.0' @angulaire de la plate-forme de navigateur@'^5.0.0' @angulaire de la plate-navigateur-dynamique@'^5.0.0' @angulaire de la plate-forme serveur@'^5.0.0' @angulaire/routeur@'^5.0.0' [email protected] rxjs@'^5.5.2'

    npm install [email protected] --save-exact

    InformationsquelleAutor Lijo