NG2 Angular 2の新しいアプリにインストールした後にツリーモジュールが見つかりません

Question

新しいAngular 2アプリ（rc4）にng2-treeプラグインをインストールしましたが、その後はthisに従っています。プラグインがインストールされ、node_modulesフォルダーにあります。

私は、このコンポーネントでそれを使用しようとしました：

import {Component} from '@angular/core'; 
import {TreeModel, TreeComponent} from "ng2-tree"; 

@Component({ 
    selector: 'tree-side', 
    templateUrl: '../../pages/tree-side.html', 
    directives: [TreeComponent] 

}) 
export class TreeSideComponent{ 
    private tree: TreeModel = { 
     value: 'Programming languages by programming paradigm', 
     children: [ 
      { 
       value: 'Object-oriented programming', 
       children: [ 
        {value: 'Java'}, 
        {value: 'C++'}, 
        {value: 'C#'} 
       ] 
      }, 
      { 
       value: 'Prototype-based programming', 
       children: [ 
        {value: 'JavaScript'}, 
        {value: 'CoffeeScript'}, 
        {value: 'Lua'} 
       ] 
      } 
     ] 
    }; 
} 

しかし、私は、NPMコンソールにこのエラーが表示されます。私は次のようにsystem.config.jsを変更した

404 GET /ng2-tree 

コード、回避策を見つけようとして：

var map = { 
    ... 
    'ng2-tree':     'node_modules/ng2-tree' 
}; 
// packages tells the System loader how to load when no filename and/or no extension 
var packages = { 
    ... 
    'ng2-tree':     { defaultExtension: 'js' }, 
}; 

しかし、私は後にこのエラーが発生します。

Error loading http://localhost:3000/node_modules/ng2-tree as "ng2-tree" from http://localhost:3000/app/pages/tree.component.js 

Thierry Templierの指示に従って、私はこの他の構成を試しました。 lodashプラグインの設定を含めて、これはng-tree依存関係を修正した後にng-treeと同じ問題があったためです。

var map = { 
... 
     'ng2-tree':     'node_modules/ng2-tree', 
     'lodash':     'node_modules/lodash' 
    }; 
    // packages tells the System loader how to load when no filename and/or no extension 
    var packages = { 
... 
     'ng2-tree':     { main: 'index.js', defaultExtension: 'js' }, 
     'lodash':     { main: 'index.js', defaultExtension: 'js' } 
    }; 

しかし、このケースで私が得た：

[1] 16.08.08 12:04:09 404 GET /tree.component.html 
[1] 16.08.08 12:04:09 404 GET /node-menu.component.html 

Failed to load tree.component.html ; Zone: angular ; Task: Promise.then ; Value: Failed to load tree.component.html 

は、どうやらこれは、相対パスの解決が原因ですが、どんな場合でも、この質問には対応しておりません。

Answer 1

私はあなたがNG2-ツリーのpackages構成でmainプロパティを逃したと思います：TreeModuleをロードしようとしたとき、私は問題があった

var packages = { 
    ... 
    'ng2-tree': { main: 'index.js', defaultExtension: 'js' }, 
}; 

Answer 2

。私はこの問題を解決しました。問題は@angular/cliバージョンで発生しました。

"devDependencies": { 
    "@angular/cli": "#####",// version of your @angular/cli(**You can find it from package.config file in the root folder**) 
}