Angular $http.get “Uncaught SyntaxError: Unexpected token )” No file reference, let alone a line number
在这个问题上我已经走到了尽头。我在我的应用程序中看似随机的地方收到此错误。 Raven 从几十个位置报告它们,但我只能在本地复制几个。在我看来,问题与解析 JSON 响应有关,但响应是有效的。
在我的 Angular 服务中…
1
2 3 4 5 6 7 |
…
getThread: function(id, success, error) { $http.get(‘/message/’+id).success(function(data){ success(data); }).error(error); } … |
在我的 Express 控制器中…
1
2 3 |
…
res.json(mssgs); … |
这是一个示例响应…
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
[
{ “id”: 79, “body”:”test”, “senderArchived”: false, “recipientArchived”: false, “createdAt”:”2014-04-17T01:44:46.762Z”, “updatedAt”:”2014-04-17T01:44:46.762Z”, “RootMessageId”: 69, “SenderId”: 164050, “RecipientId”: 154040, “sender”: { “username”:”boca”, “id”: 164050, “primaryMedium”: null }, “recipient”: { “username”:”quimby”, “id”: 154040, “primaryMedium”: { “id”:”186″, “type”:”image”, “nativeURL”:”https://domain/imageurl.jpg”, “mediumURL”:”https://domain/imageurl.jpg”, “smallURL”:”https://domain/imageurl.jpg”, “createdAt”:”2014-04-21T15:52:10.927Z”, “updatedAt”:”2014-04-21T15:52:10.947Z”, “CommentId”: null, “EventId”: null, “UserId”: 154040, “PostId”: null, “MessageId”: null, “MediaFolderId”: null } }, “messageMedia”: [] } ] |
在 Chrome 和 Safari 中,这都会导致错误”Uncaught SyntaxError: Unexpected token )”
这是来自 Chrome 的请求标头…
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
Remote Address:127.0.0.1:3001
Request URL:https://localhost:3001/message/69 Request Method:GET Status Code:200 OK Request Headers Response Headers |
所有其他类似问题都指向 JSONP 或实际语法问题,但我没有使用 JSONP,也没有任何代码语法问题。
- 缩小问题?尝试使用严格运行?
- 不。已启用严格模式。没有缩小。
- .error() 是否需要一个函数?
- 借调@richgreen。 .error() 调用中的 error 参数是一个函数吗?编辑:没关系,我明白了。您正在将回调传递给 getThread 函数。您可以发布成功和错误功能的代码吗?谁知道那里可能存在语法问题。
- 下载 AngularJS 的非缩小版并调试源代码。
- 您的错误似乎与某些 JSON 解析功能有关
- 您的示例响应标头说”application/json; charset=utf-8″
鉴于此,看起来您不需要使用任何解析功能,但缺少一些东西。
如果你不能总是重现它,我会启用记录网络调用,这样你就可以看到准确地检索出哪些响应会带来麻烦。
由于我不知道您的具体情况,所以无法提供确切的答案。但是,这是我的尝试。
我看到您的服务没有返回任何内容,而是在其中处理成功和错误函数。
1
2 3 4 5 |
getThread: function(id, success, error) {
$http.get(‘/message/’+id).success(function(data){ success(data); }).error(error); } |
你的错误(错误)是正确的吗?我假设您将错误函数作为参数传递,但我发现 success(data) 和 error
之间存在不一致
这是建议。我认为你应该改变你的服务只返回Promise,而不是处理任何事情。所以,它应该看起来像这样。
1
2 3 |
getThread: function(id) {
return $http.get(‘/message/’+id); } |
然后你的控制器处理成功和错误,这样你就可以看到所有的成功信息和错误信息。因此,控制器将具有如下代码
1
2 3 4 |
MyService.getThread(id).then(
function(data) {….}, function(error) {….} } |
在您的控制器中拥有数据处理逻辑会给您的调试带来更大的困难。
我建议您在控制器中处理 http 数据,而不是在服务中。
你是否在
中传递了一个 null 作为 id
1
2 3 4 5 |
getThread: function(id, success, error) {
$http.get(‘/message/’+id).success(function(data){ success(data); }).error(error); } |
解析 $http.get(‘/message/’ )
时会出现语法错误
在 $http 调用之前插入一个 null 测试并等待它被命中。
- 实际上 null 被转换为 string..String(\\’/message/\\’ null) = \\’message/null\\’
- 是的,你是对的。一个空字符串可以完成这项工作!
来源:https://www.codenong.com/23354634/