2016-07-08 17 views
0

あなたのウェブサイトでangular2とaround2のガイドを再生した後、私はangular2-cliに移行しようとしましたが、angular2-cliプロジェクトは最新の依存関係を持っていません。コード内のいくつかのコマンドについて。angular2-cliプロジェクト内で角度2の依存関係をアップグレード

コア、ルータなどのすべての依存関係をアップグレードしたいと考えています。 最新のルータには最新のコアが必要ですが、私がやろうとしたときに:npm core -gをインストールすると、多くのエラーが発生します。

すべての既存の依存関係をアップグレードするには、どのような方法が最適ですか?ここで

は角-CLIおよび角度ウェブサイトのpackage.jsonです:

angular2-CLI - orginial package.json:angular2ウェブサイトから

{ 
    "name": "angular2-projects", 
    "version": "0.0.0", 
    "license": "MIT", 
    "angular-cli": {}, 
    "scripts": { 
    "start": "ng serve", 
    "postinstall": "typings install", 
    "lint": "tslint \"src/**/*.ts\"", 
    "test": "ng test", 
    "pree2e": "webdriver-manager update", 
    "e2e": "protractor" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/common": "2.0.0-rc.3", 
    "@angular/compiler": "2.0.0-rc.3", 
    "@angular/core": "2.0.0-rc.3", 
    "@angular/forms": "0.2.0", 
    "@angular/http": "2.0.0-rc.3", 
    "@angular/platform-browser": "2.0.0-rc.3", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.3", 
    "@angular/router": "3.0.0-alpha.8", 
    "es6-shim": "0.35.1", 
    "reflect-metadata": "0.1.3", 
    "rxjs": "5.0.0-beta.6", 
    "systemjs": "0.19.26", 
    "zone.js": "0.6.12" 
    }, 
    "devDependencies": { 
    "angular-cli": "1.0.0-beta.9", 
    "codelyzer": "0.0.20", 
    "ember-cli-inject-live-reload": "1.4.0", 
    "jasmine-core": "2.4.1", 
    "jasmine-spec-reporter": "2.5.0", 
    "karma": "0.13.22", 
    "karma-chrome-launcher": "0.2.3", 
    "karma-jasmine": "0.3.8", 
    "protractor": "3.3.0", 
    "ts-node": "0.5.5", 
    "tslint": "3.11.0", 
    "typescript": "1.8.10", 
    "typings": "0.8.1" 
    } 
} 

最新angular2の依存関係:

{ 
    "dependencies": { 
    "@angular/common": "2.0.0-rc.4", 
    "@angular/compiler": "2.0.0-rc.4", 
    "@angular/core": "2.0.0-rc.4", 
    "@angular/forms": "0.2.0", 
    "@angular/http": "2.0.0-rc.4", 
    "@angular/platform-browser": "2.0.0-rc.4", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.4", 
    "@angular/router": "3.0.0-beta.1", 
    "@angular/router-deprecated": "2.0.0-rc.2", 
    "@angular/upgrade": "2.0.0-rc.4", 
    "core-js": "^2.4.0", 
    "reflect-metadata": "0.1.3", 
    "rxjs": "5.0.0-beta.6", 
    "zone.js": "0.6.12", 
    "angular2-in-memory-web-api": "0.0.14", 
    "bootstrap": "^3.3.6" 
    }, 
    "devDependencies": { 
    "concurrently": "^2.0.0", 
    "lite-server": "^2.2.0" 
    } 
} 

答えて

1

パッケージの依存関係を更新したらs.jsonの場合、node_modulesディレクトリを削除してから、「npm install」を実行します。それはあなたの設定からすべてのパッケージをインストールします。

+0

'node_modules'を削除する必要はありません。' npm i --save'を実行することができます。 –

+1

"node_modules"を削除しないと、すべての古いパッケージが残ってしまい、事態が混乱することがあります。 –

0

私は質問は直接答えを与えることが、応答された場合、package.jsonファイル内のすべての既存依存関係をアップグレードする最も簡単かつ最速の方法は、家がファイル(またはいずれかを言ったフォルダに行くことですわかりませんよその子)と、次を実行します。

npm update 

使用する準備ができて、あなたのpackage.jsonの内側にサポートされる最新バージョンにすべての依存関係(DEVが付属)を更新し、あなたのためにそれらをインストールすること。このようにすると、うまく機能しないライブラリのバージョンが存在する場合、更新プロセスによってそれらが明確にならないという追加の利点があります。

アップデート後にnpm outdatedを実行して、所有するライブラリ、必要なもの、NPMレジストリに更新があるかどうかを確認することもできます。

関連する問題