cytoscape.js angular2 typescript verwenden

Haben Sie eine angular4-Anwendung mit Webpack verpackt.cytoscape.js angular2 typescript verwenden

möchte cytoscape.js verwenden. Sie benötigen npm Modul für diesen Einsatz: https://www.npmjs.com/package/ng2-cytoscape

Ich habe Änderungen vorgenommen, wie in dieser Seite, nur mit einem Unterschied

import {NgCytoscapeModule} from "ng2-cytoscape";

statt "NG2-Cytoscape/dist"; (Die Kompilierungsfehlern gab)

dann die folgenden Zeilen hinzugefügt

import {NgCytoscapeModule}  from 'ng2-cytoscape'; 

@NgModule({ 
    imports: [ 
    NgCytoscapeModule 
    ],

auch app.module.ts, hinzugefügt, um die Abhängigkeit der package.json

"dependencies": { 
    "ng2-cytoscape": "^0.2.0", 
}

Dies ergibt die folgende Fehler:

compiler.es5.js:1540 Uncaught Error: Unexpected value 'NgCytoscapeModule' imported by the module 'AppModule'. Please add a @NgModule annotation. 
at syntaxError (compiler.es5.js:1540)

Was ist der Grund? Gibt es eine andere Möglichkeit, cytoscape.js in Angular 2 - Typescript zu verwenden?

Quelle

2017-07-07 kandan

wahrscheinlich Ausgabe Version .. dh Cytoscape ist in Winkel 2 & Ihr Projekt ist in Winkel 4. Können Sie bitte package.json sowohl –

hinzugefügt haben, falls per Post hilft – kandan

Cytoscape hat kein offizielles Support-Paket für Angular. Wenn Sie Cytoscape verwenden möchten, verwenden Sie das offizielle cytoscape Paket und schreiben Sie Ihre eigene Angular Integration, die Ihren Anforderungen entspricht.

Quelle

2017-07-07 13:32:07 maxkfranz

Version von https zu verwenden versucht: // Github .com/Fabian-Schmidt/DefinitivTyped, scheint aber NICHT in https://github.com/DefinitelyTyped/DefinitelyTyped veröffentlicht zu sein. Daher kann es nicht in package.json importiert werden. Muss in meinem Projekt eine eigene Tippdatei definieren; und importieren Sie alle diese Definitionen in die Datei, die die Cytoscape-Methoden deklariert. Vielen Dank. – kandan

cytoscape.js angular2 typescript verwenden

Antwort

Verwandte Themen