Question

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

添加：

"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图表：

存储在“lib \ js \ ng2-charts \ ng2-charts.js”中像我的所有其他js文件的角度，http，bootstrap，路由器，Rx等

那么我怎么能告诉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>

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

1 个答案: