无法在jsplumb中创建直连接器

<div id="container">
  <!-- 这里放置可连接元素 -->
</div>

jsPlumb.ready(function() {
  var instance = jsPlumb.getInstance({
    Container: "container"
  });
});

<div id="element1" class="element">Element 1</div>
<div id="element2" class="element">Element 2</div>

var connection = jsPlumb.connect({
  source: "element1",
  target: "element2",
  anchors: ["Right", "Left"],
  paintStyle: { stroke: "#007bff", strokeWidth: 2 },
  connector: ["Straight"],
  endpoint: ["Dot", { radius: 4 }],
  overlays: [
    ["Label", { label: "连接器", location: 0.5, cssClass: "connector-label" }]
  ]
});