cytoscape.js angular2打字稿使用

问题描述：

有一个装有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？

可能版本问题..即Cytoscape的是角2你的项目是角4 能否请您发布两个 –

的的package.json的情况下，增加了它有助于 – kandan

答

Cytoscape没有Angular的官方支持包。如果您想使用Cytoscape，请使用官方cytoscape包装，并编写适合您需求的自己的Angular集成。

尽量选用版本从https：// github上.com/Fabian-Schmidt/DefinitelyTyped，但似乎不在https://github.com/DefinitelyTyped/DefinitelyTyped中发布。因此，不能将其导入package.json。需要在我的项目中定义一个自己的打字文件;并将所有这些定义导入声明cytoscape方法的文件中。谢谢。 – kandan

cytoscape.js angular2打字稿使用

相关推荐