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

但它不工作，「可見」沒有找到。

我該怎麼辦？

爲了繞過我目前使用這樣的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" /> 

但它不使用它的最好方式......從CDN

Answer 1

刪除腳本的鏈接，如果你想進口

先運行這個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';