JavaScript error (Uncaught SyntaxError: Unexpected end of input)

Question

I have some JavaScript code that works in FireFox but not in Chrome or IE.

In the Chrome JS Console I get the follow error:

"Uncaught SyntaxError: Unexpected end of input".

The JavaScript code I am using is:

<script>
 $(function() {
 $("#mewlyDiagnosed").hover(function() {
    $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"});
 }, function() {
    $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"});
 });
</script>

It says the error is on the last line which is });

I know that Chrome's V8, for a `DELETE` on the server if the response was a 200 `success` instead of a [204](http://tools.ietf.org/html/rfc2616#section-10.2.5) `success - no response` I would get this error as well. Just heads up in case anyone is getting this as well. — Eric D. Johnson, Oct 20 '14 at 19:00

score 433 · Accepted Answer · answered Oct 20 '10 at 23:27

433

Add a second });.

When properly indented, your code reads

$(function() {
    $("#mewlyDiagnosed").hover(function() {
        $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"});
    }, function() {
        $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"});
    });
MISSING!

You never closed the outer $(function() {.

answered Oct 20 '10 at 23:27

SLaks

800,742
167
1,811
1,896

297

The lesson is, **always indent your code** (and indent it correctly). – SLaks Oct 20 '10 at 23:29
5

The lesson is, always use good editor with good plugins, which can detect parentheses pairing, highlight it or even repair problems. – Sławomir Lenart Sep 19 '14 at 21:59
1

@HeyWatchThis You might try Syntastic for Vim. – Nathan Long Jan 08 '15 at 21:21
1

I use neomake for vim/neovim, configured to run jshint every time I save a JavaScript file. If I have syntax errors, I'll see warning/error symbols in vim's/neovim's gutter. When I put my cursor on that line, the vim/neovim command line will show a message saying what the error is. – trusktr May 29 '15 at 21:54
missing that simple }); just saved me 1 hour of debugging. many thanks @SLaks – Zach Smith Feb 05 '16 at 15:38
Wonder how it could have possibly "worked in Firefox"... :-/ – taiji123 Jul 13 '18 at 17:38
I wish Javascript would use python indentation instead of punctuation... – Geoffroy CALA Aug 02 '18 at 15:40

score 96 · Answer 2 · answered May 29 '14 at 17:31

96

In my case, I was trying to parse an empty JSON:

JSON.parse(stringifiedJSON);

In other words, what happened was the following:

JSON.parse("");

answered May 29 '14 at 17:31

falsarella

11,640
8
65
104

4

This, unfortunatly, includes `$.parseJSON` of jquery 1.11.2 – Nasser Al-Wohaibi Mar 31 '15 at 13:54

score 39 · Answer 3 · edited Dec 30 '15 at 16:17

39

http://jsbeautifier.org/ is helpful to indent your minified JS code.

Also, with Google Chrome you can use "pretty print". See the example screenshot below showing jquery.min.js from Stack Overflow nicely indented right from my browser :)

enter image description here

edited Dec 30 '15 at 16:17

falsarella

11,640
8
65
104

answered Jun 30 '13 at 08:13

Hugo

1,899
18
22

score 14 · Answer 4 · edited Jan 02 '20 at 08:59

Formatting your code a bit, you have only closed the inner hover function. You have not closed the outer parts, marked below:

$(// missing closing)
 function() { // missing closing }
     $("#mewlyDiagnosed").hover(
        function() {
            $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"});
        }, 
        function() {
            $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"});
        });

score 6 · Answer 5 · answered Sep 20 '12 at 19:14

6

In my case, it ended up being a simple double quote issue in my bookmarklet, remember only use single quotes on bookmarklets. Just in case this helps someone.

answered Sep 20 '12 at 19:14

Yëco

1,461
15
13

Thanks a million! I never knew that this would be an issue – Luke May 04 '21 at 07:05

score 5 · Answer 6 · edited Jan 02 '20 at 09:00

This error is mainly caused by empty returned ajax calls, when trying to parse an empty JSON.

To solve this test if the returned data is empty

$.ajax({
    url: url,
    type: "get",
    dataType: "json",
    success: function (response) {

        if(response.data.length == 0){
            // EMPTY
        }else{
            var obj =jQuery.parseJSON(response.data);
            console.log(obj);
        }
    }
});

score 5 · Answer 7 · edited Jan 02 '20 at 09:00

5

In my case, it was caused by a missing (0) in javascript:void(0) in an anchor.

edited Jan 02 '20 at 09:00

Sebastian Kaczmarek

7,135
4
17
36

answered Mar 04 '18 at 20:53

Sam

836
7
17

Same issue: but, I had `javascript:void(0` missing a `)` – user1211530 Jul 16 '20 at 10:33

score 3 · Answer 8 · edited Dec 30 '15 at 16:19

3

I got this error when I was trying to write a javascript bookmarklet. I couldn't figure out what was causing it. But eventually I tried URL encoding the bookmarklet, via the following website: http://mrcoles.com/bookmarklet/ and then the error went away, so it must have been a problem with certain characters in the javascript code being interpreted as special URL control characters.

edited Dec 30 '15 at 16:19

falsarella

11,640
8
65
104

answered Oct 27 '14 at 17:20

user280109

1,386
2
13
26

2

I had a // comment in my js, which commented out a bit more than I wanted since pasting it into the url of the bookmarklet made the whole code a one-liner and the // was in the middle of the code. – mflodin Jun 09 '15 at 09:01
Removing comments fixed it for me as well. – Alex Sep 10 '18 at 08:50

score 1 · Answer 9 · answered Feb 20 '17 at 05:48

1

I got this since I had a comment in a file I was adding to my JS, really awkward reason to what was going on - though when clicking on the VM file that's pre-rendered and catches the error, you'll find out what exactly the error was, in my case it was simply uncommenting some code I was using.

answered Feb 20 '17 at 05:48

Jack Hales

1,469
22
39

1

I had the same issue, sometimes ftp transfer mess up file's lines, and single line comments may include afterward lines in their line – StudioX Oct 07 '20 at 06:57

score 0 · Answer 10 · answered Jul 09 '19 at 14:09

I also got this error pointing to the end of the last script block on a page, only to realize the error was actually from clicking on an element with a onclick="pagename" instead of onclick="window.location='pagename'". It's not always a missing bracket!

score 0 · Answer 11 · answered Oct 13 '20 at 12:49

0

I think it could be almost any javascript error/typing error in your application. I tried to delete one file content after another and finally found the typing error.

answered Oct 13 '20 at 12:49

Petr

1,075
1
13
24

JavaScript error (Uncaught SyntaxError: Unexpected end of input)

11 Answers11

Linked