Cytoscape出现Angular和Typesript错误TS2305:模块没有默认导出

Question

我在Angular中有一个应用程序，我尝试使用Cytoscape。我用npm安装了cytoscape和Types/cytoscape，但当我导入时出错。我启动了一个新项目，只是为了在应用程序上实现之前进行测试。

我的应用程序模块

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { GraphComponent } from './graphCytoscape/graph.component';
import cytoscape = require('cytoscape');

@NgModule({
declarations: [
AppComponent,
GraphComponent,
],
imports: [
BrowserModule,
],
exports: [],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

我的组件：

import { Component, OnInit } from '@angular/core';
import cytoscape from 'cytoscape';
@Component({
selector: 'app-graph',
templateUrl: 'graph.component.html'
})
export class GraphComponent implements OnInit {
cy;
constructor() { }
ngOnInit() {
this.cy = cytoscape({
container: document.getElementById('cy'),
elements: [
{ data: { id: 'a' } },
{ data: { id: 'b' } },
{ data: {
id: {
id: 'ab',
source: 'a',
target: 'b',
}
}
},
]
});
}
}

这是我的错误：

ERROR in src/app/graphCytoscape/graph.component.ts(2,8): error TS2305: Module '"C:/Users/hudson.joubert/Documents/projects/cytoscopeJS/node_modules/@types/cytoscape/index"' has no

默认导出。

但我进入node_modules并在那里，但我不知道如何解决这个问题。

Answer 1

对于此错误：

src/app/graphCytoscape/graph.component.ts(2,8(中的错误：错误TS2305:模块"；C：/Users/hudson.joubert/Documents/projects/cytoscopeJS/nod_module/@types/cytoscape/index"。。。

您需要安装类型声明文件：npm import @types/cytoscape