javascript - 在 Jade View 上获取 'Syntax Error'

Question

我正在尝试使用带有 express 的简单 jade View 引擎来创建一个简单的聊天应用程序。当我运行我的应用程序时，我在以下 View 代码中遇到语法错误。但就是这么简单。

    extends layout
    block scripts
      script(type='text/javascript', src='/socket.io/socket.io.js')
      script(type='text/javascript')
        var socket = io.connect('http://localhost:8080');
        socket.on('chat', function(data) {
          document.getElementById('chat').innerHTML = '<p><b>' + data.title + '</b>: ' +   data.contents + '</p>';
        });

        var submitChat = function(form) {
          socket.emit('chat', {text: form.chat.value});
          return false;
        };
    block content
     div#chat
      form(onsubmit='return submitChat(this);')
        input#chat(name='chat', type='text')
        input(type='submit', value='Send Chat')

我遇到了这个错误:

SyntaxError: views/chat.jade:9 
7| document.getElementById('chat').innerHTML = 
8| '<p><b>' + data.title + '</b>: ' + data.contents + '</p>'; > 
9| }); 
10| var submitChat = function(form) { 
11| socket.emit('chat', {text: form.chat.value}); 
12| return false; 
Unexpected token ; at Function (<anonymous>) at assertExpression 

Answer 1

似乎您在这里漏掉了一个简单的点，请参阅Jade Reference .

例如:

script(type='text/javascript')
  var socket = io.connect('http://localhost:8080');

会给予

<script type="text/javascript">
  <var>socket = io.connect('http://localhost:8080');</var>
</script>

你得到了你的Unexpected token错误。

script(type='text/javascript').
    var socket = io.connect('http://localhost:8080');

为了向您展示差异，上面的代码将给出:

<script type="text/javascript" src="/socket.io/socket.io.js"></script>
<script type="text/javascript">
  var socket = io.connect('http://localhost:8080');
</script>

所以你的代码应该是这样的:

extends layout
block scripts
  script(type='text/javascript', src='/socket.io/socket.io.js')
  script(type='text/javascript').
    var socket = io.connect('http://localhost:8080');
    socket.on('chat', function(data) {
      document.getElementById('chat').innerHTML = '<p><b>' + data.title + '</b>: ' +   data.contents + '</p>';
    });

    var submitChat = function(form) {
      socket.emit('chat', {text: form.chat.value});
      return false;
    };
block content
 div#chat
  form(onsubmit='return submitChat(this);')
    input#chat(name='chat', type='text')
    input(type='submit', value='Send Chat')