javascript - Nodejs 服务器上的 Jointjs 错误 - 未捕获的 ReferenceError :Joint is not defined

标签 javascript node.js jointjs

我有以下代码来在 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/

相关文章:

node.js - zlib:zlib 绑定(bind)​​已关闭

javascript - 用于更改图像的单选按钮(Javascript/HTML)

javascript - 如何使用表单数据打印值?

c++ - 如何将 Node.js 解释器嵌入到 C/C++ 中?

javascript - 使用 Node.js 对 CUCM 的 SOAP/AXL 请求失败

javascript - 响应式联合js图

JointJS 创建自定义形状、菱形、六边形

javascript - 在jointJS中获取外部元素来扩展论文

javascript - 垂直对齐另一个 div 内的文本 div

javascript - 输入类型 = 'tel' 在 IE 中不起作用