Angular2,如何导入visjs

Question

我只是将visjs添加到我的节点模块中,所以现在我想导入这样的visjs:

import * as Vis from 'vis';
import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'center-pane',
  templateUrl: './center-pane.component.html',
  styleUrls: ['./center-pane.component.scss']
})
export class CenterPaneComponent {

  constructor(){}

  ngAfterViewInit(){
     console.log(Vis);
  }
}

但它没有用,'vis'没有找到.

我能怎么做 ？

绕过我目前使用lib的那样:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.18.1/vis.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.18.1/vis.min.css" rel="stylesheet" type="text/css" />

但这不是使用它的最佳方式......

Answer 1

除了安装之外vis,还需要安装其类型定义.

npm install vis --save
npm install @types/vis --save-dev

之后,您可以导入和使用vis元素:

import { Network, DataSet, Node, Edge, IdType } from 'vis';

Answer 2

如果您想导入，请从 CDN 中删除脚本链接

首先运行这个npm install vis --save

如果你想使用 cdn 代替，删除它import * as Vis from 'vis';然后添加这一行

declare var vis