Question

我有以下代码在节点服务器上的文件上制作示例图

<!DOCTYPE html>
<html>
<head>
  <title>newpageshere</title>
<link rel="stylesheet" href="joint.css" />
<script src="jquery.js"></script>
<script src="lodash.js"></script>
<script src="backbone.js"></script>
<script src="joint.js"></script>
</head>
<body>
<div id="myholder"></div>
<script type="text/javascript">

var graph = new joint.dia.Graph;

var paper = new joint.dia.Paper({
    el: $('#myholder'),
    width: 600,
    height: 200,
    model: graph,
    gridSize: 1
});

var rect = new joint.shapes.basic.Rect({
    position: { x: 100, y: 30 },
    size: { width: 100, height: 30 },
    attrs: { rect: { fill: 'blue' }, text: { text: 'my box', fill: 'white' } }
});

var rect2 = rect.clone();
rect2.translate(300);

var link = new joint.dia.Link({
    source: { id: rect.id },
    target: { id: rect2.id }
});

graph.addCells([rect, rect2, link]);

</script>
</body>
</html>

但是当我运行它时，它什么都没显示。在开发人员控制台中，我在行上收到以下错误 var graph = new joint.dia.Graph;

错误：未捕获的ReferenceError：未定义关节

当我在XAMPP localhost上运行它时，该文件似乎运行良好，但是当我在node.js服务器上运行它时，该文件似乎不行。还有什么我必须配置服务器或任何人都可以看到这里的错误？

Answer 1

如果未定义joint，则似乎未正确加载joint.js文件。或者是吗？您可以在浏览器的开发人员工具的“网络”选项卡中进行检查。如果确实如此，那么您必须检查服务器端提供静态文件（脚本/样式表）的根目录是什么。

Nodejs服务器上的Jointjs错误 - 未捕获的ReferenceError：未定义Joint

1 个答案: