javascript - Lägga till ng2-charts i Typescript/Angular 2-projekt referensväg och väg till .js-fil är inte korrekt


Jag är lite förvirrad över hur man lägger till ett npm-paket som ng2-charts till mitt Angular2 TypeScript-projekt.

Genom att lägga till :

"ng2-charts": "1.0.3"

till min package.json-fil, det installeras fint, och när jag lägger till 'ng2-charts/ng2-charts' på min TypeScript-sida:

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

Det fungerar också perfekt. Namnet CHART_DIRECTIVE hittas automatiskt i Visual Studio när jag skriver den första bokstaven osv, men när jag försöker ladda sidan får jag:

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

Detta beror på att jag inte har ng2-charts på den platsen:

Det är sparat i "lib\js\ng2-charts\ng2-charts.js" Liksom alla mina andra js-filer för angular, http, bootstrap, router, Rx etc.

Så hur kan jag tala om för Angular att platsen för .js-filerna är i:

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

Svar #1

Jag tror inte att du använder någon moduluppladdare. Lägg till filen ng2-charts.js i skriptreferenserna efter Angular2-biblioteket och se om det fungerar

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