使用 typescript 和 npm 将外部组件导入到 angular2 快速启动项目中

Question

我决定尝试 angular2，并且在扩展 quickstart in typescript 的同时一直很享受使用它。由 angular.io(alpha 44)提供。然而我似乎遇到了障碍，我很难导入通过节点获得的新模块，更具体地说是 ng2-bootstrap 中的工具提示。我似乎无法“理解”快速启动项目是如何一起工作的，即使我已经阅读了 systemjs，并尝试自己修改。我尝试过各种方法，但似乎总是在某个地方碰壁。

我通过以下方式导入了 ng2-bootstrap:

npm i ng2-bootstrap --save

随后在 app.ts 中使用导入和引用:

/// <reference path="../../node_modules/ng2-bootstrap/ng2-bootstrap.d.ts"/>
import {tooltip} from 'ng2-bootstrap'

但是，它一直在“src”文件夹中查找，而在使用导入时，它不会对 Angular 分量执行此操作，为什么？谁能帮助我理解事物是如何联系在一起的，以及我不理解的地方？

我在浏览器控制台中收到的错误是:

Failed to load resource: the server responded with a status of 404 (Not Found) http://127.0.0.1:8080/src/ng2-bootstrap

Answer 1

过了一会儿我又回到这个问题，发现了这个:https://github.com/valor-software/ng2-bootstrap/issues/50#issuecomment-165448962

点击链接将展示如何在 angular2-beta0 快速入门中导入 ng2-bootstrap (或其他 npm 模块)。