2017-07-07 104 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