HighStock Import Probleme mit Angular 2

Diese Frage ist eine Follow-up zu einem früheren, dass ich zuvor here gefunden hatte. Hohe Diagramme erfordern zwei verschiedene Importe für die Diagramme selbst und dann die Aktienversion der Diagramme. Ich kann scheinen, herauszufinden, wie man den Vorratsteil des Imports referenziert. Es ist ein rein js-Import.HighStock Import Probleme mit Angular 2

Ich habe den npm Installationsbefehl für den highstock Import ausgeführt und ich kann es in meinem @ types Ordner sehen. Ich bringe dann in den Import meiner Komponente über

import * as Highcharts from 'highcharts/highstock';

Allerdings, wenn ich meinen Code ausführen ich immer noch diesen Fehler

EXCEPTION: Error in ./ExploreComponent class ExploreComponent - inline template:4:25 caused by: StockChart is unknown chart type.

, die meine html hier

<chart type="StockChart" [options]="options"></chart>

verweist Was mache ich hier falsch? importiere ich 3rd js nicht richtig?

Quelle

2017-01-24 Bean0341

'StockChart' ein Konstruktor und nicht ein Reihentyp. Sie sollten überprüfen, wie Ihre eckige2-Anweisung (oder ein anderer verantwortlicher Code) für das Erstellen von Diagrammen funktioniert, um herauszufinden, wie der Konstruktor gesetzt werden soll. MAybe stimmt etwas mit den Optionen nicht, die in der Frage nicht enthalten sind? Eine Live-Demo in Plunker wäre großartig für Tests. –

Hallo, haben Sie eine Lösung für diese Frage gefunden? Ich habe das gleiche Problem. –

Noch nicht, ich werde @KacperMadej folgen und schauen, ob das mich heute irgendwie anführt. – Bean0341

Ich hatte das gleiche Problem. Die Lösung war für mich die folgenden Zeilen zu meiner webpack.common.js Datei hinzufügen ...

resolve: { 
     alias: { 
     // NOTE: You should set 'highcharts/highcharts.src.js' 
     // if you are not going to use <chart type="StockChart" 
     highcharts$: "highcharts/highstock.src.js" 
     },

ich meine Demo mit dieser Änderung in GitHub aktualisiert https://github.com/bencameron00/Ng2HighStocks

Quelle

2017-01-26 17:43:36

Ich habe kein webpack.common.js. Ich benutze nur ein aus der Box eckig cli Projekt – Bean0341

Ich sehe, vielleicht sollten Sie in Betracht ziehen, mit Webpack? Es ist großartig, um deine App zu minimieren. Du könntest einfach mein Beispiel von Github oben verwenden? –

HighStock Import Probleme mit Angular 2

Antwort

Verwandte Themen