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);
  }
}

但它不起作用，而且它不会起作用。找不到。

我该怎么办？

绕过我目前使用的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

Angular2，如何导入visjs

2 个答案: