Jsplumb angular2隐写
Jsplumb angular2隐写
提问于 2017-05-22 16:22:28
我对在angular2上植入Jsplumb有一个问题。
我试图在angular2中添加一个组件，但是我收到了一个错误：jsPlumb.ready不是函数。
我是通过npm进口的，并把它放进了webpack的vendor.js里。
这是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");
});
}
}这是webpack的进口。
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中看到了jsplumb的javascript代码。问题是，我仍然无法从其中调用.。
回答 1
Stack Overflow用户
发布于 2017-05-25 17:02:28
很明显，进口的正确方法是，
import { jsPlumb } from 'jsplumb';页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44117760
复制相关文章
相似问题
腾讯云开发者
