利用jsPlumb与Webpack反应
我想把jsPlumb添加到我的webpack构建的js-app(ReactJS)中。我在用jsPlumb v2.0.7。当我们与webpack捆绑时，它是抛出错误
TypeError: jsPlumb.getRenderModes不是一个函数。
我用导入和脚本加载程序解决了上面的问题，我的webpack配置加载程序看起来，
{
test: require.resolve('jsplumb'),
loaders: [
'imports?this=>window',
'script'
]
}现在，我无法访问任何jsPlumb方法，webpack无法解析它。当我使用jsPlumb的就绪方法时，会出现一个错误
Uncaught：_jsPlumb2.default.ready不是函数
__jsPlumb2.default正在返回一个空对象。有人能告诉我webpack怎么用jsPlumb吗？
回答 3
Stack Overflow用户
发布于 2016-06-10 05:07:32
我已经找到了上述问题的解决方案，在这里张贴它，认为它可能会帮助其他人在未来。
我使用了ES6导入语句，
import jsPlumb from 'jsPlumb'相反，如果我用
import jsplumb from 'jsplumb'它解决了这个问题，jsPlumb作为全局对象可用，因为我们在webpack中使用了导入和脚本加载器。
Stack Overflow用户
发布于 2020-02-10 02:34:48
以下每一种方法都适用于我：
import jsPlumb from "jsPlumb"
import jsPlumb from "jsplumb/dist/js/jsplumb"
import jsPlumb from "jsplumb/dist/js/jsplumb.min"然而，在访问它的方法/属性之前，我们应该先看看jsPlumb由什么组成。当断言console.log("jsPlumb :"，jsPlumb)语句时，我们可以看到jsPlumb由几个属性组成；其中一个属性是jsPlumb本身。因此，为了访问它的方法/属性，我们必须这样写：
jsPlumb.jsPlumb.someMethods如果我们想要一个简短的语法，我们可以像这样设置jsPlumb变量：
jsPlumb = jsPlumb.jsPlumb因此，我们可以使用普通语法来访问它的方法/属性：
jsPlumb.ready(function () {..})
jsPlumb.getInstance()Stack Overflow用户
发布于 2021-07-29 06:58:00
在ES6中，您应该使用以下导入语句来使用已记录的语法
import { jsPlumb } from 'jsplumb';https://stackoverflow.com/questions/37717495
复制相似问题
腾讯云开发者
