Перевод uncaught syntaxerror invalid or unexpected token

Uncaught SyntaxError: Unexpected identifier — что это означает?

Допу­стим, у нас есть такой код на JavaScript:

var backgrounds=array(); backgrounds[0]=»/img/back_web.png»; backgrounds[1]=»/img/back_web2.png»; document.getElementById(‘fon’).style.background=’url(‘backgrounds[1]’) bottom no-repeat’;

После запус­ка в бра­у­зе­ре код пада­ет с ошибкой:

❌ Uncaught SyntaxError: Unexpected identifier

Это зна­чит, что в коде появи­лась неиз­вест­ная пере­мен­ная, коман­да или объ­ект, о кото­рых бра­у­зер не зна­ет. Он не пони­ма­ет, что за сло­во или сим­вол он встре­тил, поэто­му выво­дит такое сообщение.

👉 Ско­рее все­го, в коде про­сто опе­чат­ка. Но име­ет смысл про­ве­рить и дру­гие возможности.

Что делать с ошибкой Uncaught SyntaxError: Unexpected identifier

Как и с боль­шин­ством оши­бок, бра­у­зер сооб­ща­ет нам номер стро­ки, где про­изо­шла ошиб­ка. У нас это будет чет­вёр­тая строка:

Если нажмём на номер стро­ки с ошиб­кой, бра­у­зер пока­жет нам подробности:

Мы видим, что бра­у­зер не понял, что за коман­ды идут после ‘url(‘, поэто­му под­черк­нул их все крас­ной лини­ей. Похо­же, он поду­мал, что мы хоте­ли сооб­щить эле­мен­ту fon стиль фона в виде тек­ста url( — и всё, даль­ше закры­лась кавыч­ка. И что про­ис­хо­дит даль­ше в коде, интер­пре­та­то­ру JavaScript непо­нят­но. «Вы же закры­ли кавыч­ку, что вам от меня нужно?»

Кон­крет­но в нашем при­ме­ре про­грам­мист пыта­ет­ся уста­но­вить фон какого-то эле­мен­та, а в мас­си­ве backgrounds у него лежат адре­са и назва­ния фай­лов с фоном. Про­грам­мист пыта­ет­ся под­ста­вить содер­жи­мое backgrounds внутрь инструк­ции CSS, но для это­го нуж­но исполь­зо­вать плю­сы (скле­ить стро­ку). Без плю­сов это всё счи­та­ет­ся как одна боль­шая опечатка.

Пра­виль­но — вот так:

document.getElementById(‘fon’).style.background=’url(‘ + backgrounds[1] + ‘) bottom no-repeat’;

Но это кон­крет­но в слу­чае наше­го кода. Unexpected identifier может появить­ся и в дру­гих случаях:

  • допу­ще­ны опечатки;
  • лиш­ние сим­во­лы там, где их быть не должно;
  • наобо­рот, про­пу­сти­ли что-то нуж­ное (напри­мер, плюс или запятую);
  • исполь­зу­ет­ся пере­мен­ная или функ­ция, кото­рая не была объ­яв­ле­на выше;
  • про­пу­щен­ная точ­ка с запятой.

Попробуйте сами

Каж­дый из этих фраг­мен­тов кода даст ошиб­ку Uncaught SyntaxError: Unexpected token. Попро­буй­те это исправить.

Источник

Ошибки в JavaScript и как их исправить

JavaScript может быть кошмаром при отладке: некоторые ошибки, которые он выдает, могут быть очень трудны для понимания с первого взгляда, и выдаваемые номера строк также не всегда полезны. Разве не было бы полезно иметь список, глядя на который, можно понять смысл ошибок и как исправить их? Вот он!

Ниже представлен список странных ошибок в JavaScript. Разные браузеры могут выдавать разные сообщения об одинаковых ошибках, поэтому приведено несколько примеров там, где возможно.

Как читать ошибки?

Перед самим списком, давайте быстро взглянем на структуру сообщения об ошибке. Понимание структуры помогает понимать ошибки, и вы получите меньше проблем, если наткнетесь на ошибки, не представленные в этом списке.

Типичная ошибка из Chrome выглядит так:

Структура ошибки следующая:

  1. Uncaught TypeError: эта часть сообщения обычно не особо полезна. Uncaught значит, что ошибка не была перехвачена в catch , а TypeError — это название ошибки.
  2. undefined is not a function: это та самая часть про ошибку. В случае с сообщениями об ошибках, читать их нужно прямо буквально. Например, в этом случае, она значит то, что код попытался использовать значение undefined как функцию.

Другие webkit-браузеры, такие как Safari, выдают ошибки примерно в таком же формате, как и Chrome. Ошибки из Firefox похожи, но не всегда включают в себя первую часть, и последние версии Internet Explorer также выдают более простые ошибки, но в этом случае проще — не всегда значит лучше.

Теперь к самим ошибкам.

Uncaught TypeError: undefined is not a function

Связанные ошибки: number is not a function, object is not a function, string is not a function, Unhandled Error: ‘foo’ is not a function, Function Expected

Возникает при попытке вызова значения как функции, когда значение функцией не является. Например:

Эта ошибка обычно возникает, если вы пытаетесь вызвать функцию для объекта, но опечатались в названии.

Несуществующие свойства объекта по-умолчанию имеют значение undefined , что приводит к этой ошибке.

Другие вариации, такие как “number is not a function” возникают при попытке вызвать число, как будто оно является функцией.

Как исправить ошибку: убедитесь в корректности имени функции. Для этой ошибки, номер строки обычно указывает в правильное место.

Uncaught ReferenceError: Invalid left-hand side in assignment

Связанные ошибки: Uncaught exception: ReferenceError: Cannot assign to ‘functionCall()’, Uncaught exception: ReferenceError: Cannot assign to ‘this’

Вызвано попыткой присвоить значение тому, чему невозможно присвоить значение.

Наиболее частый пример этой ошибки — это условие в if:

В этом примере программист случайно использовал один знак равенства вместо двух. Выражение “left-hand side in assignment” относится к левой части знака равенства, а, как можно видеть в данном примере, левая часть содержит что-то, чему нельзя присвоить значение, что и приводит к ошибке.

Как исправить ошибку: убедитесь, что вы не пытаетесь присвоить значение результату функции или ключевому слову this .

Uncaught TypeError: Converting circular structure to JSON

Связанные ошибки: Uncaught exception: TypeError: JSON.stringify: Not an acyclic Object, TypeError: cyclic object value, Circular reference in value argument not supported

Всегда вызвано циклической ссылкой в объекте, которая потом передается в JSON.stringify .

Так как a и b в примере выше имеют ссылки друг на друга, результирующий объект не может быть приведен к JSON.

Как исправить ошибку: удалите циклические ссылки, как в примере выше, из всех объектов, которые вы хотите сконвертировать в JSON.

Unexpected token ;

Связанные ошибки: Expected ), missing ) after argument list

Интерпретатор JavaScript что-то ожидал, но не обнаружил там этого. Обычно вызвано пропущенными фигурными, круглыми или квадратными скобками.

Токен в данной ошибке может быть разным — может быть написано “Unexpected token ]”, “Expected <” или что-то еще.

Как исправить ошибку: иногда номер строки не указывает на правильное местоположение, что затрудняет исправление ошибки.

Ошибка с [ ] < >( ) обычно вызвано несовпадающей парой. Проверьте, все ли ваши скобки имеют закрывающую пару. В этом случае, номер строки обычно указывает на что-то другое, а не на проблемный символ.

Unexpected / связано с регулярными выражениями. Номер строки для данного случая обычно правильный.

Unexpected; обычно вызвано символом; внутри литерала объекта или массива, или списка аргументов вызова функции. Номер строки обычно также будет верным для данного случая.

Uncaught SyntaxError: Unexpected token ILLEGAL

Связанные ошибки: Unterminated String Literal, Invalid Line Terminator

В строковом литерале пропущена закрывающая кавычка.

Как исправить ошибку: убедитесь, что все строки имеют правильные закрывающие кавычки.

Uncaught TypeError: Cannot read property ‘foo’ of null, Uncaught TypeError: Cannot read property ‘foo’ of undefined

Связанные ошибки: TypeError: someVal is null, Unable to get property ‘foo’ of undefined or null reference

Попытка прочитать null или undefined так, как будто это объект. Например:

Как исправить ошибку: обычно вызвано опечатками. Проверьте, все ли переменные, использованные рядом со строкой, указывающей на ошибку, правильно названы.

Uncaught TypeError: Cannot set property ‘foo’ of null, Uncaught TypeError: Cannot set property ‘foo’ of undefined

Связанные ошибки: TypeError: someVal is undefined, Unable to set property ‘foo’ of undefined or null reference

Попытка записать null или undefined так, как будто это объект. Например:

Как исправить ошибку: это тоже обычно вызвано ошибками. Проверьте имена переменных рядом со строкой, указывающей на ошибку.

Uncaught RangeError: Maximum call stack size exceeded

Связанные ошибки: Uncaught exception: RangeError: Maximum recursion depth exceeded, too much recursion, Stack overflow

Обычно вызвано неправильно программной логикой, что приводит к бесконечному вызову рекурсивной функции.

Как исправить ошибку: проверьте рекурсивные функции на ошибки, которые могут вынудить их делать рекурсивные вызовы вечно.

Uncaught URIError: URI malformed

Связанные ошибки: URIError: malformed URI sequence

Вызвано некорректным вызовом decodeURIComponent .

Как исправить ошибку: убедитесь, что вызовы decodeURIComponent на строке ошибки получают корректные входные данные.

XMLHttpRequest cannot load some/url. No ‘Access-Control-Allow-Origin’ header is present on the requested resource

Связанные ошибки: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at some/url

Эта проблема всегда связана с использованием XMLHttpRequest.

Как исправить ошибку: убедитесь в корректности запрашиваемого URL и в том, что он удовлетворяет same-origin policy. Хороший способ найти проблемный код — посмотреть на URL в сообщении ошибки и найти его в своём коде.

InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable

Связанные ошибки: InvalidStateError, DOMException code 11

Означает то, что код вызвал функцию, которую нельзя было вызывать в текущем состоянии. Обычно связано c XMLHttpRequest при попытке вызвать на нём функции до его готовности.

В данном случае вы получите ошибку потому, что функция setRequestHeader может быть вызвана только после вызова xhr.open .

Как исправить ошибку: посмотрите на код в строке, указывающей на ошибку, и убедитесь, что он вызывается в правильный момент или добавляет нужные вызовы до этого (как с xhr.open ).

Заключение

JavaScript содержит в себе одни из самых бесполезных ошибок, которые я когда-либо видел, за исключением печально известной Expected T_PAAMAYIM_NEKUDOTAYIM в PHP. Большая ознакомленность с ошибками привносит больше ясности. Современные браузеры тоже помогают, так как больше не выдают абсолютно бесполезные ошибки, как это было раньше.

Какие самые непонятные ошибки вы встречали? Делитесь своими наблюдениями в комментариях.

Источник

Uncaught SyntaxError: Unexpected token :

I am running an AJAX call in my MooTools script, this works fine in Firefox but in Chrome I am getting a Uncaught SyntaxError: Unexpected token : error, I cannot determine why. Commenting out code to determine where the bad code is yields nothing, I am thinking it may be a problem with the JSON being returned. Checking in the console I see the JSON returned is this:

I don’t see any problems with it, why would this error occur?

21 Answers 21

Uncaught SyntaxError: Unexpected token from the server.

Just an FYI for people who might have the same problem — I just had to make my server send back the JSON as application/json and the default jQuery handler worked fine.

This has just happened to me, and the reason was none of the reasons above. I was using the jQuery command getJSON and adding callback=? to use JSONP (as I needed to go cross-domain), and returning the JSON code <"foo":"bar">and getting the error.

This is because I should have included the callback data, something like jQuery17209314005577471107_1335958194322(<"foo":"bar">)

Here is the PHP code I used to achieve this, which degrades if JSON (without a callback) is used:

Hopefully that will help someone in the future.

I have just solved the problem. There was something causing problems with a standard Request call, so this is the code I used instead:

If anyone knows why the standard Request object was giving me problems I would love to know.

I thought I’d add my issue and resolution to the list.

I was getting: Uncaught SyntaxError: Unexpected token and the error was pointing to this line in my ajax success statement:

I later found that in addition to the json results, there was HTML being sent with the response because I had an error in my PHP. When you get an error in PHP you can set it to warn you with huge orange tables and those tables were what was throwing off the JSON.

I found that out by just doing a console.log(response) in order to see what was actually being sent. If it’s an issue with the JSON data, just try to see if you can do a console.log or some other statement that will allow you to see what is sent and what is received.

When you request your JSON file, server returns JavaScript Content-Type header ( text/javascript ) instead of JSON ( application/json ).

Responses with javascript content-type will be evaluated automatically.

In result MooTools tries to evaluate your JSON as JavaScript, and when you try to evaluate such JSON:

as JavaScript, parser treats < and >as a block scope instead of object notation. It is the same as evaluating following «code»:

As you can see, : is totally unexpected there.

The solution is to set correct Content-Type header for the JSON file. If you save it with .json extension, your server should do it by itself.

It sounds like your response is being evaluated somehow. This gives the same error in Chrome:

This is due to the braces ‘<. >‘ being interpreted by javascript as a code block and not an object literal as one might expect.

I would look at the JSON.decode() function and see if there is an eval in there.

If nothing makes sense, this error can also be caused by PHP Error that is embedded inside html/javascript, such as the one below

Not the
etc in the code that are inserted into html by PHP is causing the error
. To fix this kind of error (suppress warning), used this code in the start

To view, right click on page, «view source» and then examine complete html to spot this error.

«Uncaught SyntaxError: Unexpected token» error appearance when your data return wrong json format, in some case, you don’t know you got wrong json format.
please check it with alert(); function

your message received should be: <"firstName":"John", "lastName":"Doe">
and then you can use code below

with out error «Uncaught SyntaxError: Unexpected token»
but if you get wrong json format
ex:

so that you got wrong json format, please fix it before you JSON.decode or JSON.parse

This happened to me today as well. I was using EF and returning an Entity in response to an AJAX call. The virtual properties on my entity was causing a cyclical dependency error that was not being detected on the server. By adding the [ScriptIgnore] attribute on the virtual properties, the problem was fixed.

Instead of using the ScriptIgnore attribute, it would probably be better to just return a DTO.

This happened to because I have a rule setup in my express server to route any 404 back to /# plus whatever the original request was. Allowing the angular router/js to handle the request. If there’s no js route to handle that path, a request to /#/whatever is made to the server, which is just a request for / , the entire webpage.

So for example if I wanted to make a request for /correct/somejsfile.js but I miss typed it to /wrong/somejsfile.js the request is made to the server. That location/file does not exist, so the server responds with a 302 location: /#/wrong/somejsfile.js . The browser happily follows the redirect and the entire webpage is returned. The browser parses the page as js and you get

Uncaught SyntaxError: Unexpected token

I had the same problem and it turned out that the Json returned from the server wasn’t valid Json-P. If you don’t use the call as a crossdomain call use regular Json.

I got a » SyntaxError: Unexpected token I » when I used jQuery.getJSON() to try to de-serialize a floating point value of Infinity , encoded as INF , which is illegal in JSON.

In my case i ran into the same error, while running spring mvc application due to wrong mapping in my mvc controller

i changed the above mapping to

For me the light bulb went on when I viewed the source to the page inside the Chrome browser. I had an extra bracket in an if statement. You’ll immediately see the red circle with a cross in it on the failing line. It’s a rather unhelpful error message, because the the Uncaught Syntax Error: Unexpected token makes no reference to a line number when it first appears in the console of Chrome.

I did Wrong in this

Already I intialized the fs variable.But again i put var in the second line.This one also gives that kind of error.

For those experiencing this in AngularJs 1.4.6 or similar, my problem was with angular not finding my template because the file at the templateUrl (path) I provided couldn’t be found. I just had to provide a reachable path and the problem went away.

Источник

Поделиться с друзьями
admin
Оцените автора
( Пока оценок нет )
Как переводится?
Adblock
detector