Comment passer correctement angulaire 2 (NGP) vers la dernière version ?

Question

Récemment, j'ai commencé Angulaire 2 tutoriel https://angular.io/docs/ts/latest/tutorial/.

et laissé Angulaire 2 beta 8. Maintenant j'ai repris le tutoriel et la dernière version bêta est une version bêta 14.

Si je n'ai tout simplement mnp mise à jour de quelques modules (préchargé avec le tutoriel) sont mises à jour mais pas Angular2 (je peux voir qu'avec npm ls).

Si je ne mnp mise à jour angulaire 2 ou npm mise à jour angular2@2.0.0beta.14 il n'a tout simplement rien non plus.

Answer 1

La commande npm update -D && npm update -S sera mise à jour tous les paquets à l'intérieur d' package.json de leur version la plus récente, selon leur version définis gamme. Vous pouvez en lire plus à ce sujet ici.

Si vous voulez mettre à jour Angulaire à partir d'une version antérieure à la version 2.0.0-rc.1, alors vous aurez besoin de modifier manuellement package.json, Angulaire a été divisé en plusieurs modules npm. Sans cela, comme angular2 paquet points de 2.0.0-beta.21, vous n'aurez jamais à utiliser la dernière version de Anguleux.
Une liste avec la plupart des modules que vous aurez besoin pour commencer peut être trouvé dans la section de démarrage rapide référentiel.

Notes:

• Une façon cool de rester à jour avec vos paquets dernière version est d'utiliser npm outdated qui vous montre tous les paquets obsolètes avec leur voulait et la version la plus récente.

• La raison pour laquelle nous avons besoin pour la chaîne de deux commandes, npm update -D et npm update -S est de surmonter ce bug jusqu'à ce qu'il soit corrigé.

Answer 2

Un autre joli paquet que j'ai utilisé pour la migration forme d'une version bêta de Angular2 d' Angular2 2.0.0 final est npm-check-updates

Il montre la dernière version disponible de tous les packages spécifiés à l'intérieur de votre colis.json. Contrairement aux npm outdated il est également capable de modifier votre forfait.json, vous permettant de vous faire une npm upgrade plus tard.

Installer

sudo npm install -g npm-check-updates

L'utilisation de la

ncupour l'affichage

ncu -u pour la ré-écriture de votre colis.json

Answer 3

Passer à la dernière Angulaire 5

Angulaire de la Dep de paquets: npm install @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router}@latest --save

D'autres paquets qui sont installés à l'angle de la cli npm install --save core-js@latest rxjs@latest zone.js@latest

Angulaire Dev packages: npm install --save-dev @angular/{compiler-cli,cli,language-service}@latest

Types de Dev packages: npm install --save-dev @types/{jasmine,jasminewd2,node}@latest

Les autres packages sont installés en tant que dev dev par l'angle de la cli: npm install --save-dev codelyzer@latest jasmine-core@latest jasmine-spec-reporter@latest karma@latest karma-chrome-launcher@latest karma-cli@latest karma-coverage-istanbul-reporter@latest karma-jasmine@latest karma-jasmine-html-reporter@latest protractor@latest ts-node@latest tslint@latest

Installer la dernière version prise en charge utilisée par l'angle de la cli (ne fais pas @plus tard): npm install --save-dev typescript@2.4.2

Renommer le fichier angulaires-cli.json .angulaire de la cli.json et de mettre à jour le contenu:

{
  "$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": {}
  }
}

Answer 4

Pour bash utilisateurs seulement

Si vous êtes sur sont sur Mac/Linux ou de l'exécution de bash sur Windows(qui ne fonctionneront pas en défaut Windows CMD) que vous pouvez exécuter que oneliner:

npm install @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router,compiler-cli}@4.4.5 --save

yarn add @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router,compiler-cli}@4.4.5

Il suffit de spécifier la version que vous wan't e.g @4.4.5 ou @plus tard pour obtenir les dernières

Vérifiez votre package.json juste pour assurez-vous que vous mettez à jour tous @angular/* des paquets que vous avez de l'app est en s'appuyant sur

• Pour voir exactes @angular version dans votre projet:
  npm ls @angular/compiler ou yarn list @angular/compiler
• Pour vérifier la dernière version stable @angular version disponible sur npm exécuter:
  npm show @angular/compiler version

Mise à JOUR:
À partir de la CLI v6 , vous pouvez simplement exécuter ng update afin d'obtenir vos dépendances automatiquement mis à jour vers une nouvelle version.

Avec ng update parfois, vous voudrez peut-être ajouter --forcedrapeau. Si vous faites cela, assurez-vous que la version de la machine que vous avez obtenu installés de cette façon est pris en charge par votre actuel angulaire version, sinon, vous pourriez avoir besoin de rétrograder le tapuscrit version.

Answer 5

Officiel de la ngp page suggèrent une méthode structurée pour mettre à jour angulaire version pour à la fois globale et locale de scénarios.

1.Tout d'abord, vous devez désinstaller l'angulaire de votre système.

npm uninstall -g angular-cli
npm uninstall --save-dev angular-cli
npm uninstall -g @angular/cli

2.Nettoyer le cache

npm cache clean

MODIFIER

Comme l'a souligné @candidj

npm cache clean est renommé npm cache verify de nmp à partir de 5

3.Installer angulaire à l'échelle mondiale

npm install -g @angular/cli@latest

4.Projet Local d'installation si vous en avez un

rm -rf node_modules
npm install --save-dev @angular/cli@latest
npm install

Veuillez vérifier dans le même vers le bas sur le lien ci-dessous:

https://www.npmjs.com/package/@angular/cli#updating-angular-cli

Cela permettra de résoudre le problème.