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'没找到

我该怎么办？

为了绕过我目前使用的库：

<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

如果要导入，请从 cdn 中删除脚本 link

运行这第一个npm install vis --save

如果您想改用 cdn，请删除此 import * as Vis from 'vis'; 然后添加此行

declare var vis

Answer 2

除了安装vis，您还需要安装它的类型定义。

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

之后，您可以导入并使用vis个元素：

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

Angular2，如何导入visjs

Angular2, how to import visjs

import

vis.js

angular