Chrome：未捕获的语法错误：输入意外结束

Question

在 Google Chrome 中加载页面时，我在控制台中收到模糊错误：

未捕获的语法错误：输入意外结束

我不知道是什么原因造成的。我将如何调试这个错误？

Answer 1

V8 中的错误消息“Unexpected end of input”通常表示 JavaScript 代码中存在语法错误，例如缺少 } 或类似内容。

给出的示例，这也会产生“意外的输入结束”：

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

但问题的根本原因似乎是请求的 JSON url 的 Content-Type 为 text/html Chrome 显然会尝试将其解析为 HTML，这会导致输入意外结束，因为正在解析包含的图像标签。

尝试将 Content-Type 设置为 text/plain 我认为它应该可以解决问题。

尽管如此，V8 可以做得更好，可以准确地告诉人们输入意外结束的何处。

Answer 2

尝试 Mozilla 的 Firebug - 它会显示丢失的 } 的位置。

http://getfirebug.com/

Answer 3

请参阅另一个我的案例类似案例问题：

就我而言，我试图解析一个空的 JSON：

JSON.parse(stringifiedJSON);

换句话说，发生的事情如下：

JSON.parse("");

Answer 4

当我在 JavaScript 代码中省略右大括号字符 (}) 时，出现此错误。
检查您的牙套是否适当平衡。

Answer 5

作为记录，供任何试图查找此错误的各种原因的人使用。空的 HTML5 数据属性

data-mydata = ''

也会导致错误。您应该检查数据值何时为空字符串，并且根本不包含该属性。不用说，这很大程度上与脚本生成的 HTML 有关。

Answer 6

对我来说，问题是我正在使用 dataType: "json" 执行 $.ajax 来处理返回 HTTP 201（已创建）且没有请求正文的 POST 请求。修复方法是简单地删除该键/值。

Answer 7

JSHint 擅长查找缺少括号或错误语法的位置。

Answer 8

导致此错误的另一个原因是：如果您的 API 故意不响应响应正文，而是响应 200 OK 状态代码而不是 204 No Content 状态代码。当没有内容时，某些 JavaScript 库可能无法很好地响应意外的内容类型，因此请使用正确的状态代码！

Answer 9

肯定会有一个开括号导致错误。

我建议您在 Firefox 中打开该页面，然后打开 Firebug 并检查控制台 - 它会显示丢失的符号。

屏幕截图示例：

Answer 10

我的问题是 Google Chrome 缓存。我通过在 Firefox 上运行我的 Web 应用程序对此进行了测试，并且没有出现该错误。于是我决定尝试清空 Google Chrome 的缓存，结果成功了。

Answer 11

如果您的 JavaScript 代码被缩小为一行，导致此错误的另一个原因是使用 // 而不是 /**/ 作为注释。

不好（注释掉 // 之后的所有内容，包括函数的结束 }）

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

好（限制您的评论）

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

Answer 12

就我而言，我动态添加 JavaScript 并在字符串模板中使用双引号两次，因此我将第二个引号更改为单引号，并且错误消失了。
我希望它能帮助一些出于同样原因来到这里的人。

Answer 13

尝试解析空 JSON 可能是导致此错误的原因。

当您收到服务器或其他任何东西的响应时，首先检查它是否不为空。例如：

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

然后您可以使用以下方式获取：

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

Answer 14

此错误的原因之一可能是网络基础设施。我在使用 Cloudflare 的 Web 代理服务时遇到了这个问题。一旦我禁用代理并清除浏览器缓存，它就开始工作。因此，还要检查网络组件的状态。就我而言，它是在 Cloudflare 状态页面 上传达的

Answer 15

当按下 am/pm 切换时，我遇到了类似的问题，使用 AngularJS - uib-datepicker 的 ui bootstrap 指令。

事件处理程序中出现错误（未知）：SyntaxError：意外结束
JSON 输入角度时间选择器

原来是因为插件 'Trans-over' （点击时翻译一个单词）。也许我的回答会对某人有所帮助，因为我在互联网上没有找到任何内容。

Answer 16

由于这是一个异步操作，onreadystatechange可能会在值加载到responseText之前发生，请尝试使用window.setTimeout(function () { JSON.parse(xhr.responseText); }, 1000);
看看错误是否仍然存在？玻尔

Answer 17

我遇到了这个错误，并通过在 readyState 和 status 上添加防护来修复它，如下所示：

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

Answer 18

如果锚标记出现错误，只需将“Onclick”替换为“href”或将“href”替换为“Onclick”

Answer 19

当我遇到同样的问题时，将请求中的 Accept 标头设置为 application/json 对我有用。

Answer 20

就我而言，我的网速很低，当我关闭其他用户的互联网连接时，错误就消失了，奇怪