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

Question

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

通过添加:

"ng2-charts": "1.0.3"

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

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、router、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>