2016-12-22 11 views
0

こんにちは皆、私は角を学んでいるのでいくつかの問題に遭遇しました。私は最初にtheewbostonのAngular 2チュートリアルを見ました。私が終わったら、Angularのクイックスタートチュートリアルに従いました.2つはとても似ていますが、バッキーの設定では、jsファイルをtsファイルから作成するように設定されています。エラーに従ってpackage.jsonを更新しましたが、npm installを実行すると、特定のパッケージに必要なエラーが表示されます。もっと重要なのは、Angularのヒーローリストのチュートリアルのようにコンポーネントを入れ子にすることができないため、これが何らかの原因で動作に影響を与えているかのように感じます。 package.json:角2クイックスタートチュートリアルの問題

{ 
    "name": "angular-2", 
    "version": "1.0.0", 
    "scripts": { 
    "start": "concurrently \"npm run tsc:w\" \"npm run lite\" ", 
    "tsc": "tsc", 
    "tsc:w": "tsc -w", 
    "lite": "lite-server", 
    "typings": "typings", 
    "postinstall": "typings install" 
    }, 
    "license": "ISC", 
    "dependencies": { 
    "angular2": "2.0.0-beta.21", 
    "systemjs": "0.19.41", 
    "es6-shim": "^0.35.0", 
    "reflect-metadata": "0.1.9", 
    "rxjs": "5.0.0-rc.4", 
    "rxjs": "5.0.1", 
    "rxjs": "5.0.0-beta.6", 
    "zone.js": "0.6.12" 
    }, 
    "devDependencies": { 
    "concurrently": "^3.1.0", 
    "lite-server": "^2.1.0", 
     "rxjs": "5.0.0-rc.4", 

    "typescript": "^2.1.4", 
    "typings": "^2.1.0" 
    } 
} 

NPMは2.3.1 @角度/コア@ WARNは [email protected]のピアが必要ですが、どれもインストールされませんでした。 npm WARN @ angular/core @ 2.3.1 には[email protected]^0.7.2のピアが必要ですが、何もインストールされていません。 npm WARN @ angular/http @ 2.3.1には[email protected]のピアが必要ですが、 はインストールされていません。 npm WARN @ angular/router @ 3.3.1には [email protected]というピアが必要ですが、何もインストールされていません。 npm WARN [email protected]には[email protected]のピアが必要ですが、 はインストールされていません。 npm WARN [email protected]では、[email protected]^0.7.4のピアが 必要ですが、どれもインストールされていません。 npm WARN [email protected]β21には[email protected]のピアが必要ですが、 はインストールされていません。 npm WARN [email protected]リポジトリフィールドはありません。

+0

実際に何がインストールされているかを確認するにはnode_modulesをチェックしてください。おそらく、node_modulesを消去して、一部のモジュールがインストールされているかどうかを確認してください。通常、警告は何も心配するものではありませんが、明示的に依存関係が必要なパッケージのためのものですので、node_modulesに入れてください。 – shaunhusain

+0

ああ...あなたは依存関係に複数のrxjsエントリがあるようです1つのバージョンが複数のバージョンでロードされていない可能性があります。おそらくnpmにボトムアップしています...何とか処理されていないことに驚いています。オブジェクトに同じ名前の複数のプロパティを持つことはできませんちょうど1つだけ持って良い方法。 – shaunhusain

答えて

0

依存関係の余分なrxjsエントリを削除します。 npmは、依存関係リストとセマンティックバージョン番号を読み取って、インストールする特定の依存関係の実際のバージョンを特定します。 rxjsを削除することは、npm警告の直後の問題を緩和すると信じています。ネストされたコンポーネントに関しては、それはおそらくそれ自身の質問であるべきですが、いずれの方法でも実際のソースを見る必要があります。