Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将ng2图表添加到Typescript/Angular 2项目引用路径和.js文件路径不正确_Javascript_Angular_Typescript_Charts - Fatal编程技术网

Javascript 将ng2图表添加到Typescript/Angular 2项目引用路径和.js文件路径不正确

Javascript 将ng2图表添加到Typescript/Angular 2项目引用路径和.js文件路径不正确,javascript,angular,typescript,charts,Javascript,Angular,Typescript,Charts,我有点困惑,如何添加一个npm包,如ng2图表到我的Angular2 TypeScript项目 加入: "ng2-charts": "1.0.3" 在我的package.json文件中,它安装得很好,当我将“ng2图表/ng2图表”添加到我的typescript页面时: import {Component, Input, OnInit} from 'angular2/core'; import {Router, RouterLink, RouteParams} from 'angular2/r

我有点困惑,如何添加一个npm包,如ng2图表到我的Angular2 TypeScript项目

加入:

"ng2-charts": "1.0.3"
在我的package.json文件中,它安装得很好,当我将“ng2图表/ng2图表”添加到我的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中自动找到name CHART_指令,但当我尝试加载页面时,会得到:

http://localhost:5000/ng2-charts/ng2-charts.js 404 (Not Found)
这是因为我在那个位置没有ng2图表:

它存储在“lib\js\ng2 charts\ng2 charts.js”中 像我的所有其他js文件一样,angular、http、bootstrap、router、Rx等

那么,我如何判断.js文件的位置在:

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

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


这里已经有人回答了我的问题: