Question

在使用JointJS 2.2.1版时，我是这样导入的：

Uncaught Error: Cannot create styled-component for component: [object Object].

现在我正在使用3.0.2版。上一行中的“关节”未定义。导入不再起作用。我在JointJS 3.0.0的发行说明中注意到了：

显着变化- 全面支持ES模块

我现在应该如何导入它？

Answer 1

没有默认导入， import * as joint from 'jointjs'可以正常工作。如果需要较小的包装，您可以挑选实际需要的零件：

import { dia } from 'jointjs/src/core.mjs';
// import shapes you need 
import * as standard from 'jointjs/src/shapes/standard.mjs';

const graph = new dia.Graph([], { cellNamespace: { standard } });
new dia.Paper({
    cellViewNamespace: { standard },
    el: document.getElementById('paper'),
    width: 500, height: 500,
    model: graph
});

const rectangle = new standard.Rectangle().size(200, 200).position(100, 100).addTo(graph)

请注意，在此设置中，请注意cellViewNamespace的{{1}}和dia.Paper的{{1}}选项。否则，您可能会遇到cellNamespace

运行此代码段是对您正确设置名称空间的快速检查：

dia.Graph

正确导入JointJS v3

1 个答案: