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>