将 ng2-charts 添加到 Typescript/Angular 2 项目参考路径和 .js 文件的路径不正确

Question

对于如何将像 ng2-charts 这样的 npm 包添加到我的 Angular2 TypeScript 项目中，我有点困惑。

通过添加：

"ng2-charts": "1.0.3"

到我的 package.json 文件，它安装得很好，当我将“ng2-charts/ng2-charts”添加到我的打字稿页面时：

import {Component, Input, OnInit} from 'angular2/core';
import {Router, RouterLink, RouteParams} from 'angular2/router'
import {CHART_DIRECTIVES} from 'ng2-charts/ng2-charts';

@Component({
    selector: 'detailMatch',
    templateUrl: './app/components/match/detail.html',
    directives: [RouterLink, CHART_DIRECTIVES]
})

它也可以完美运行。当我键入第一个字母等时，会在 Visual Studio 中自动找到名称 CHART_DIRECTIVE，但是当我尝试加载页面时，我得到：

http://localhost:5000/ng2-charts/ng2-charts.js 404 (Not Found)

这是因为我在那个位置没有 ng2-charts：

它存储在“lib\js\ng2-charts\ng2-charts.js”中 就像我所有其他 Angular、http、bootstrap、路由器、Rx 等的 js 文件一样。

那么我如何告诉 Angular .js 文件的位置在：

 http://localhost:5000/lib/js/ng2-charts/ng2-charts.js

Answer 1

我认为您没有使用任何模块加载器。将ng2-charts.js文件添加到angular2库后的脚本引用中，看看是否有效

<script src="/lib/js/ng2-charts/ng2-charts.js"></script>