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

在Google Chrome浏览器中加载页面时，控制台中出现一个模糊的错误：

Uncaught SyntaxError：输入意外结束

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

这个特殊的错误是一个令人烦恼的事实 v8。在大多数情况下，您的JavaScript会以某种方式损坏。例如缺少a }或类似的东西。

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

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

但问题的根源似乎是被请求的JSON的URL有内容类型的text/html的Chrome显然试图解析为HTML，然后由于导致输入意外结束了包括图像标签是解析。

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

尽管如此，V8可以做一下，告诉一个完全是一个更好的工作，其中输入意外结束。

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

http://getfirebug.com/

查看我关于另一个类似问题的案例：

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

JSON.parse(stringifiedJSON);

换句话说，发生了以下情况：

JSON.parse("");

我}在JavaScript代码中省略了右花括号（）时收到此错误。检查大括号是否正确平衡。

记录在案，任何试图找出导致此错误的各种原因的人。空的HTML5数据属性

data-mydata = ''

也会导致错误。您应该检查数据值是否为空字符串，并且根本不包括该属性。不用说，这与脚本生成的HTML密切相关。

对我来说，问题是我正在为$ .ajax做dataType: "json"一个POST请求，该请求返回一个HTTP 201（已创建），但没有请求主体。解决方法是简单地删除该键/值。

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

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

肯定会有一个引起错误的括号。

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

屏幕截图示例：

我的问题是Google Chrome缓存。我通过在Firefox上运行Web应用程序进行了测试，但没有出现该错误。因此，我决定尝试清空Google Chrome浏览器的缓存，然后开始工作。

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

错误（//在关闭}函数后注释掉所有内容）

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

好（拒绝您的评论）

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

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

当按am / pm切换时，我使用针对angularjs的ui bootstrap指令使用ui引导程序时遇到类似的问题-uib-datepicker。

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

原来是由于插件“ Trans-over”（单击时翻译一个词）引起的。也许我的回答会对某人有所帮助，因为我没有在互联网上找到任何东西。

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

我有这个错误，并通过添加在保护修复它readyState与status如下所示：

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

如果您在Anchor标签上遇到错误，只需将“ 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);