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

Question

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

通过添加:

"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]
})

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

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

我认为您没有使用任何模块加载器。在angular2库之后的script references中添加ng2-charts.js文件，看看能不能用

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