如何在 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 进行一次导入（不确定它属于哪里），但每次我添加 import { Bootstrap } from '@types/bootstrap' 时，它都会显示 localhost:3000/@types/bootstrap 未找到。

Answer 1

您永远不会从@types 导入。这些包含其他模块的打字稿定义，而不是实际代码。所以模式是......

1. 从@x/y导入
2. tsc 试图找到 @x/y
3. 如果@x/y 不包含类型，则tsc 会在@types/@x/y 中搜索类型

换句话说。您将需要安装引导程序并导入引导程序。通常模式是：

1. npm install --save bootstrap
2. npm install --save-dev @types/bootstrap