Angular 2アプリケーションで@types依存関係を使用するにはどうすればよいですか？

Question

私は 'npm install @ types/bootstrap --save'を使ってTwittersブートストラップをインストールしました。マイpackage.jsonの依存関係は次のようになります。

"dependencies": { 
    "@angular/common": "~2.4.0", 
    "@angular/compiler": "~2.4.0", 
    "@angular/core": "~2.4.0", 
    "@angular/forms": "~2.4.0", 
    "@angular/http": "~2.4.0", 
    "@angular/platform-browser": "~2.4.0", 
    "@angular/platform-browser-dynamic": "~2.4.0", 
    "@angular/router": "~3.4.0", 
    "@types/bootstrap": "^3.3.32", 
    "@types/d3": "^4.5.0", 
    "angular-in-memory-web-api": "~0.2.4", 
    "core-js": "^2.4.1", 
    "rxjs": "5.0.1", 
    "systemjs": "0.19.40", 
    "zone.js": "^0.7.4" 
    } 

私は（それが属する場所がわからない）私のapp.modulesまたはapp.componentsに1つのインポートをやろうとしているが、私はimport { Bootstrap } from '@types/bootstrap'を追加するたびに、それは言いますlocalhost：3000/@ types/bootstrapが見つかりません。

Answer 1

@typesからはインポートできません。これらは、実際のコードではなく、他のモジュールのためのタイスクリプト定義を含んでいます。だから、パターンが@x/yは言い換えるタイプ

用タイプ、その後tsc検索@types/@x/yが含まれていない場合は@x/y

を見つけること@x/y

tsc試行から...

1. インポートです。ブートストラップをインストールし、ブートストラップをインポートする必要があります。通常のパターンは以下のとおりです。
   1. npm install --save bootstrap
   2. npm install --save-dev @types/bootstrap