Chrome：キャッチされないSyntaxError：予期しない入力の終了

Google Chromeでページを読み込むと、コンソールに漠然としたエラーが表示されます。

キャッチされないSyntaxError：予期しない入力の終了

何が原因なのか、私にはわかりません。このエラーをデバッグするにはどうすればよいですか？

この特定のエラーは、 v8。ほとんどの場合、JavaScriptは何らかの方法で壊れています。たとえば、}そのような何かが欠けています。

与えられた例では、これも「予期しない入力の終了」をもたらします：

eval('[{"test": 4}') // notice the missing ]

しかし、問題の根本的な原因は、要求されたJSON urlに、ChromeがHTMLとして解析しようとしているContent-Typeがtext/html含まれていることであり、その結果、含まれているイメージタグが含まれているため、予期しない入力の終了が発生します。解析されました。

Content-Typeをtext/plain、問題が解決するはずだと思うように設定してみてください。

それにもかかわらず、V8は、入力が予期せず終了した正確な場所を正確に伝えることで、より良い仕事をすることができます。

Firebug for Mozillaを試してみてください}。欠けている位置が表示されます。

http://getfirebug.com/

私のケースを別の同様の質問で参照してください：

私の場合、空のJSONを解析しようとしていました。

JSON.parse(stringifiedJSON);

言い換えれば、何が起こったのか：

JSON.parse("");

}JavaScriptコードで右中かっこ（）を省略した場合、このエラーが発生します。ブレースのバランスが適切であることを確認してください。

記録のために、このエラーのさまざまな原因を見つけようとしている人のために。空のHTML5データ属性

data-mydata = ''

エラーも引き起こします。データ値がnull文字列であり、属性をまったく含まない場合を確認する必要があります。言うまでもなく、これはスクリプトで生成されたHTMLに大きく関係しています。

私にとっての問題はdataType: "json"、HTTP 201（作成済み）を返し、リクエスト本文がないPOSTリクエストに対して$ .ajaxを実行していたことです。修正は、単にそのキー/値を削除することでした。

JSHintは、欠落している括弧や不正な構文の場所を見つけるのに適しています。

このエラーの別の原因：APIが意図的に応答本文なしで応答したが、200 OKステータスコードではなくステータスコードで応答した204 No Content場合。一部のJavaScriptライブラリは、コンテンツがない場合、予期しないコンテンツタイプに適切に応答しない場合があるため、正しいステータスコードを使用してください。

エラーの原因となった開いているブラケットが必ず存在します。

Firefoxでページを開いてから、Firebugを開いてコンソールを確認することをお勧めします。不足しているシンボルが表示されます。

スクリーンショットの例：

私の問題はGoogle Chromeのキャッシュにありました。私はFirefoxでWebアプリケーションを実行してこれをテストしましたが、そこにエラーはありませんでした。それで私はGoogle Chromeのキャッシュを空にすることを決心し、それはうまくいきました。

JavaScriptコードが1行に縮小されている場合、このエラーの別の原因は、コメントの//代わりに使用/**/しています。

悪い（関数の//終了}を含めた後、すべてをコメントアウトする）

function example() { //comment console.log('TEST'); }

良い（コメントを制限する）

function example() { /* comment */ console.log('TEST'); }

私の場合、javascriptを動的に追加し、文字列テンプレートで二重引用符を2回使用していたため、2番目の引用符を単一引用符に変更すると、エラーは発生しなくなりました。同じ理由でここに来る人々の一部に役立つことを願っています。

amjs / pmトグルを押すと、angularjsのuiブートストラップディレクティブ-uib-datepickerを使用して同様の問題に直面しました。

（不明）のイベントハンドラーのエラー：SyntaxError：予期しないJSON入力の終了角度タイムピッカー

プラグイン「Trans-over」（クリックすると単語を翻訳する）が原因であることが判明しました。インターネットで何も見つからなかったので、私の答えが誰かを助けるかもしれません。

これは非同期操作onreadystatechangeであるため、responseTextに値がロードされる前に発生する可能性がwindow.setTimeout(function () { JSON.parse(xhr.responseText); }, 1000); あります。a を使用して、エラーが続くかどうかを確認してください。BOL

私はこのエラーを持っていたし、上のガードを追加することによって、それを固定readyStateし、statusここに示されています：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
          // Your code here
   }
};

アンカータグでエラーが発生した場合は、「Onclick」を「href」に、または「href」を「Onclick」に置き換えてください。

同じ問題に直面したとき、リクエストでAcceptヘッダーをapplication/jsonに設定するとうまくいきました。

空のJSONを解析しようとすると、このエラーが発生する可能性があります。

サーバーなどからの応答を受け取ったら、まずそれが空でないかどうかを確認します。例えば：

function parseJSON(response) {
    if (response.status === 204 || response.status === 205) {
        return null;
    }
    return response.json();
}

それからあなたはフェッチすることができます：

fetch(url, options).then(parseJSON);