Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript node.js意外令牌;帆布_Javascript_Node.js_Canvas - Fatal编程技术网

Javascript node.js意外令牌;帆布

Javascript node.js意外令牌;帆布,javascript,node.js,canvas,Javascript,Node.js,Canvas,这是我的代码,我无法理解为什么浏览器会告诉我});是我的代码中的意外标记 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

这是我的代码,我无法理解为什么浏览器会告诉我});是我的代码中的意外标记

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();
这是chrome抛出的语法错误,可能很简单,但我看不出有什么错

 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)
SyntaxError:/Users/plimb/Desktop/motion therapy/views/hand.jade:33
31 | c.textb基线='中间';
32 | c.填充文本(手指数,宽度/2,高度/2);
> 33|     });
34 |控制器连接();
35| 
意外标记;
at函数()
在assertExpression(/Users/plimb/Desktop/motion-therapy/node_modules/jade/lib/lexer.js:31:3)
在Object.Lexer.attrs(/Users/plimb/Desktop/motion therapy/node_modules/jade/lib/Lexer.js:648:20)
在Object.Lexer.next(/Users/plimb/Desktop/motion therapy/node_modules/jade/lib/Lexer.js:868:15)
在Object.Lexer.lookahead(/Users/plimb/Desktop/motion therapy/node_modules/jade/lib/Lexer.js:114:46)
在Parser.lookahead(/Users/plimb/Desktop/motion therapy/node_modules/jade/lib/Parser.js:100:23)
在Parser.peek(/Users/plimb/Desktop/motion therapy/node_modules/jade/lib/Parser.js:77:17)
位于Parser.tag(/Users/plimb/Desktop/motion therapy/node_modules/jade/lib/Parser.js:733:22)
在Parser.parseTag(/Users/plimb/Desktop/motion therapy/node_modules/jade/lib/Parser.js:719:17)
在Parser.parsexpr(/Users/plimb/Desktop/motion therapy/node_modules/jade/lib/Parser.js:188:21)

Jade试图解释您的嵌套,我会避免使用Jade编译JavaScript块

看一看与nodejs一起服务

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

这段代码看起来不错,我没有看到语法错误。您好,我将代码放入一个js文件,然后将其包含在jade脚本中(src='/js/hand.js')。它现在运行良好,是一种更干净的做事方式!谢谢你的帮助。我是node.js的新手!感谢您的接受,享受node和运动控制器带来的乐趣!