2016-06-02 5 views
0

을 정의되지 않은 I 노드 서버Jointjs 오류가 - catch되지 않은 오류 ReferenceError가 : 조인트

<!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;

오류 : catch되지 않은 ReferenceError가 : 공동는 내가 XAMPP 로컬 호스트에서 실행하면

파일이 잘 작동하는 것 정의는 아니지만되지 않은 I node.js 서버에서 실행하십시오. 서버를 구성해야하는 항목이 있습니까? 아니면 여기에 실수를 볼 수 있습니까?

답변

1

joint이 정의되지 않은 경우에는 joint.js 파일이 제대로로드되지 않은 것처럼 보입니다. 아니면 그렇지? 브라우저의 개발자 도구의 네트워크 탭에서이를 확인할 수 있습니다. 이것이 사실이라면 서버 측에서 정적 파일 (스크립트/스타일 시트)을 제공하는 루트 디렉토리가 무엇인지 확인해야합니다.

관련 문제