cytoscape.js angular2打字稿使用

Question

使用Webpack打包angular4应用程序。

想要使用cytoscape.js。需要使用npm模块：https://www.npmjs.com/package/ng2-cytoscape

我在该页面中进行了更改，但只有差异

import {NgCytoscapeModule} from "ng2-cytoscape";

代替＆＃34; ng2-cytoscape / dist＆＃34 ;; （这给出了编译错误）

然后将以下行添加到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？

Answer 1

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