我的main.js中出现“意外令牌”错误

时间:2020-03-03 10:23:07

标签: javascript

由于控制台信息中出现错误,我的脚本和Web应用程序始终失败:

main.js:10 Uncaught SyntaxError: Unexpected token ')';

这是我的脚本:

$(function () {
    var client = ZAFClient.init();
    client.invoke('resize', { width: '150%', height: '120px' });
    showInfo();
    showError();
    client.get('ticket.requester.id').then(
        function (data) {
            var user_id = data['ticket.requester.id'];
            console.log('Requester id is ' + user_id);
  )
}});
function showInfo() {
    var requester_data = {
        'name': 'Jane Doe',
        'tags': ('tag1', 'tag2'),
        'created_at': 'November 20, 2014',
        'last_login_at': 'June 27, 2016'
    };

    var source = $("#requester-template").html();
    var template = Handlebars.compile(source);
    var html = template(requester_data);
    $("#content").html(html);
}
function showError() {
    var error_data = {
        'status': 404,
        'statusText': 'Not found'
    };
    var source = $("#error-template").html();
    var template = Handlebars.compile(source);
    var html = template(error_data);
    $("#content").html(html);
}

我将代码更改为此:

$(function() {
  var client = ZAFClient.init();
  client.invoke('resize', { width: '150%', height: '120px' });
  showInfo();
  showError();
  client.get('ticket.requester.id').then(
    function(data) {
      var user_id = data['ticket.requester.id'];
      console.log('Requester id is ' + user_id);
});
function showInfo() {
  var requester_data = {
    'name': 'Jane Doe',
    'tags': ('tag1', 'tag2'),
    'created_at': 'November 20, 2014',
    'last_login_at': 'June 27, 2016'
  };

  var source = $("#requester-template").html();
  var template = Handlebars.compile(source);
  var html = template(requester_data);
  $("#content").html(html);
}
function showError() {
  var error_data = {
    'status': 404,
    'statusText': 'Not found'
  };
  var source = $("#error-template").html();
  var template = Handlebars.compile(source);
  var html = template(error_data);
  $("#content").html(html);
}

现在我收到此控制台错误

Uncaught ReferenceError: $ is not defined
    at main.js:1.

那个符号以前不是问题,所以我不知道为什么现在更改代码后就成了问题。

到目前为止,我一直在苦苦挣扎,因为我是JavaScript的新手,并且对此一无所知。

4 个答案:

答案 0 :(得分:1)

您在此处未正确关闭功能:

client.get('ticket.requester.id').then(
  function(data) {
    var user_id = data['ticket.requester.id'];
    console.log('Requester id is ' + user_id);
)}});

应替换为:

client.get('ticket.requester.id').then(
    function(data) {
      var user_id = data['ticket.requester.id'];
      console.log('Requester id is ' + user_id);
  });

答案 1 :(得分:0)

正如HRK44和Quentin所指出的,您留下了一个额外的),它与您的代码不匹配。如果您使用旨在编写代码(例如sublime和VS代码)的文本编辑器来轻松识别此类错误,那么该文本编辑器往往会包含语法突出显示功能以抢先识别此类语法错误。

要解决您当前的错误,可以更改-

$(function () {
    var client = ZAFClient.init();
    client.invoke('resize', { width: '150%', height: '120px' });
    showInfo();
    showError();
    client.get('ticket.requester.id').then(
        function (data) {
            var user_id = data['ticket.requester.id'];
            console.log('Requester id is ' + user_id);
  )
}});

$(function () {
    var client = ZAFClient.init();
    client.invoke('resize', { width: '150%', height: '120px' });
    showInfo();
    showError();
    client.get('ticket.requester.id').then(
        function (data) {
            var user_id = data['ticket.requester.id'];
            console.log('Requester id is ' + user_id);
}});

答案 2 :(得分:0)

尝试一下:您刚刚放错了括号。 右括号的数目正确。

client.get('ticket.requester.id').then(
    function (data) {
        var user_id = data['ticket.requester.id'];
        console.log('Requester id is ' + user_id);
    }
)

只需如图所示纠正最后两个括号。

$(function () {
    var client = ZAFClient.init();
    client.invoke('resize', { width: '150%', height: '120px' });
    showInfo();
    showError();
    client.get('ticket.requester.id').then(
        function (data) {
            var user_id = data['ticket.requester.id'];
            console.log('Requester id is ' + user_id);
        }
    )
});

答案 3 :(得分:0)

希望这项功能有用

$(function() {
  var client = ZAFClient.init();
  client.invoke('resize', { width: '150%', height: '120px' });
  showInfo();
  showError();
  client.get('ticket.requester.id').then(
    function(data) {
          var user_id = data['ticket.requester.id'];
          console.log('Requester id is ' + user_id);
    }
  );
}); // you didnt closed it properly