Javascript Jsplumb angular2安装

在angular2上实现Jsplumb时，我遇到了一个问题

我试图在angular2中用一个组件对jsplumb进行分层，但我得到一个错误，即jsplumb.ready不是一个函数

我通过npm导入了它，并将它放在我的vendor.js中用于webpack

这是component.ts

import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
var $ = require('jquery');
var jsPlumb = require('jsplumb');
@Component({
    selector: 'jsplumb-plot',
    template: require('./jsplumb.plot.component.html'),
    providers: []
})
export class JsplumbPlotComponent implements OnInit {

    constructor() {

    }

    ngOnInit() {
        jsPlumb.ready(function () {
            console.log("this");
        });
    }
}

这是网页导入

module.exports = {
    resolve: {
        extensions: [ '', '.js' ]
    },
    module: {
        loaders: [
            { test: /\.(png|woff|woff2|eot|ttf|svg|gif)(\?|$)/, loader: 'url-loader?limit=100000' },
            { test: /\.css(\?|$)/, loader: extractCSS.extract(['css']) }
        ]
    },
    entry: {
        vendor: [
            ....
            'jsplumb/dist/css/jsplumbtoolkit-defaults.css',
            'jsplumb/dist/js/jsplumb.min.js'
        ]
    },

---

请注意，在webpack编译后，我在vendor.js中看到了JSplump的javascript代码。问题是我仍然无法从中调用。

显然，正确的导入方式是

import { jsPlumb } from 'jsplumb';

---

显然，正确的进口方式是

import { jsPlumb } from 'jsplumb';