Import 使用typescript和npm将外部组件导入angular2 quickstart项目

我决定试用angular2，并一直很喜欢在angular2上玩，同时扩展angular.io（alpha 44）提供的功能。然而，我似乎遇到了一个障碍，我很难导入通过node获得的新模块，更具体地说是ng2引导中的工具提示。我似乎无法“理解”快速启动项目是如何运作的，即使我读过systemjs，并尝试过自己动手修补。我尝试过各种方法，但似乎总是在某处碰壁

我通过以下操作导入了ng2引导程序：

npm i ng2-bootstrap --save

然后在app.ts中使用导入和引用：

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

---

文件

“./../node_modules/ng2 bootstrap/ng2 bootstrap.d.ts

需要

声明模块“ng2 bootstrap”

，如果它没有声明，那么从“ng2 bootstrap”导入{tooltip}将是一个编译器错误（尽管您仍然可以得到有效的JS）.

我昨天在导入http模块时遇到了类似的问题，只需手动添加到我的index.html：

<script src="../node_modules/angular2/bundles/http.dev.js"></script>

（当然，您需要用模块替换http.dev.js）

---

希望有帮助，如果没有，很抱歉，我也是angular2的新手。

过了一会儿，我又回到这个问题上，发现：

---

下面的链接将显示如何导入ng2引导（或其他npm模块）在angular2-beta0快速启动中。

如果打开

http://127.0.0.1:8080/src/ng2-引导

直接在浏览器中，您将看到它不是有效的javascript文件。根据项目中的路径，您可能会收到40倍的HTTP错误或index.html的内容

因此，当SystemJS尝试加载ng2-bootstrap.js时，它会获取一个空文件或错误的（html）内容，并显示此错误消息：

"SyntaxError: expected expression, got '<'
    Evaluating http: //localhost:8080/ng2-bootstrap/ng2-bootstrap
    Error loading http: //localhost:8080/app/boot.js"

---

ng2-bootstrap.d.ts基本上只是充满了一堆导出引用，比如：

export*from./components/tooltip/tooltip'；

这还不够吗？我有点想在npm上找到一些东西应该可以工作。我似乎没有得到任何编译器错误，只是在错误的位置查找文件而已。看看这是否是他写的lps any:@MarkRajcok谢谢我今晚会看一看的谢谢你的提示，我自己也尝试过，但后来我遇到了其他问题，我会查看马克的评论，因为项目结构似乎与我的类似。

"SyntaxError: expected expression, got '<'
    Evaluating http: //localhost:8080/ng2-bootstrap/ng2-bootstrap
    Error loading http: //localhost:8080/app/boot.js"

System.config({
    packages: {
        app: {
            format: 'register',
            defaultExtension: 'js'
        }
        "node_modules/ng2-bootstrap": {
            format: 'register',
            defaultExtension: 'js'
        }
    }
    paths: {
        "ng2-bootstrap/ng2-bootstrap":   "node_modules/ng2-bootstrap/ng2-bootstrap"
    }
});