2014-03-31 1 views
0

여기 내 코드입니다, 나는 브라우저가 저에게 말하고있는 이유를 해결할 수 없습니다.}); 예기치 않은 토큰은 .. 내 코드에node.js 예기치 않은 토큰; 캔버스

script 
    var canvas = document.getElementById('canvas'); 

    canvas.width = canvas.clientWidth; 
    canvas.height = canvas.clientHeight; 

    var c = canvas.getContext('2d'); 

    var width = canvas.width; 
    var height = canvas.height; 

    var controller = new Leap.Controller(); 

    controller.on('frame' , function(frame){ 
    c.clearRect(0, 0, width, height); 
    var numberOfFingers = frame.fingers.length; 
    c.font = "200px Arial"; 
    c.textAlign = 'center'; 
    c.textBaseline = 'middle'; 
    c.fillText(numberOfFingers , width/2 , height/2); 
    }); 
    controller.connect(); 

이며, 여기에 던지고 크롬 구문 오류는, 그 아마 매우 간단하지만 나는 무슨 잘못된 볼 수 없습니다!

SyntaxError: /Users/plimb/Desktop/motion-therapy/views/hand.jade:33 
     31|  c.textBaseline = 'middle'; 
     32|  c.fillText(numberOfFingers , width/2 , height/2); 
    > 33|  }); 
     34|  controller.connect(); 
     35| 



Unexpected token ; 
     at Function (<anonymous>) 
     at assertExpression (/Users/plimb/Desktop/motion-  therapy/node_modules/jade/lib/lexer.js:31:3) 
    at Object.Lexer.attrs (/Users/plimb/Desktop/motion-therapy/node_modules/jade/lib/lexer.js:648:20) 
    at Object.Lexer.next (/Users/plimb/Desktop/motion-therapy/node_modules/jade/lib/lexer.js:868:15) 
    at Object.Lexer.lookahead (/Users/plimb/Desktop/motion-therapy/node_modules/jade/lib/lexer.js:114:46) 
    at Parser.lookahead (/Users/plimb/Desktop/motion-therapy/node_modules/jade/lib/parser.js:100:23) 
    at Parser.peek (/Users/plimb/Desktop/motion-therapy/node_modules/jade/lib/parser.js:77:17) 
    at Parser.tag (/Users/plimb/Desktop/motion-therapy/node_modules/jade/lib/parser.js:733:22) 
    at Parser.parseTag (/Users/plimb/Desktop/motion-therapy/node_modules/jade/lib/parser.js:719:17) 
    at Parser.parseExpr (/Users/plimb/Desktop/motion-therapy/node_modules/jade/lib/parser.js:188:21) 
+0

이 코드는 나에게 잘 보이는 봉사 static content에서 봐, 나는 구문 오류가 표시되지 않습니다. – Halcyon

답변

2

제이드가 중첩을 해석하려고하면 옥을 사용하여 JavaScript 블록을 컴파일하지 않아도됩니다.

This person had a similar problem가 nodejs

app.use(express.static(__dirname + '/js'); 
+0

안녕하세요, 코드를 js 파일에 넣은 다음 jade 스크립트 (src = '/ js/hand.js')에 포함 시켰습니다. 그것은 지금 잘 작동하고 일을 훨씬 깨끗하게하는 방법입니다! 당신의 도움을 주셔서 감사합니다. 나는 node.js를 처음 사용한다! – plimbs

+0

노드와 모션 컨트롤러를 사용해 주셔서 감사합니다! – roo2