2017-07-07 220 views
0

有一個裝有Webpack的angular4應用程序。cytoscape.js angular2打字稿使用

想使用cytoscape.js。需要使用NPM模塊是:https://www.npmjs.com/package/ng2-cytoscape

我已經做了變化在該頁面中,只有一個區別

import {NgCytoscapeModule} from "ng2-cytoscape"; 

,而不是「NG2-的Cytoscape /距離」; (這是給予編譯錯誤)

然後加入以下行app.module.ts

import {NgCytoscapeModule}  from 'ng2-cytoscape'; 

@NgModule({ 
    imports: [ 
    NgCytoscapeModule 
    ], 

此外,添加的依賴性到的package.json

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

這給出以下錯誤:

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) 

是什麼原因?有沒有另一種方法來使用Angular 2中的cytoscape.js - Typescript?

+0

可能版本問題..即Cytoscape的是角2你的項目是角4 能否請您發佈兩個 –

+0

的的package.json的情況下,增加了它有助於 – kandan

回答

2

Cytoscape沒有Angular的官方支持包。如果您想使用Cytoscape,請使用官方cytoscape包裝,並編寫適合您需求的自己的Angular集成。

+0

儘量選用版本從https:// github上.com/Fabian-Schmidt/DefinitelyTyped,但似乎不在https://github.com/DefinitelyTyped/DefinitelyTyped中發佈。因此,不能將其導入package.json。需要在我的項目中定義一個自己的打字文件;並將所有這些定義導入聲明cytoscape方法的文件中。謝謝。 – kandan