我有以下代码来在 Node 服务器上的文件上制作示例图
<!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;
错误: Uncaught ReferenceError :关节未定义
当我在 XAMPP 本地主机上运行该文件时,该文件似乎运行良好,但在 node.js 服务器上运行时则不然。我还需要配置服务器吗?或者任何人都可以看到这里的错误吗?
最佳答案
如果joint
未定义,则joint.js文件似乎未正确加载。或者是吗?您可以在浏览器的开发人员工具的网络选项卡中进行检查。如果确实如此,那么您必须检查在服务器端提供静态文件(脚本/样式表)的根目录是什么。
关于javascript - Nodejs 服务器上的 Jointjs 错误 - 未捕获的 ReferenceError :Joint is not defined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37600799/