报错：Uncaught SyntaxError: Unexpected token ‘o‘, “[object ArrayBuffer]“ is not valid JSON

原创 已于 2023-04-25 17:41:40 修改 · 4.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

于 2023-04-25 17:37:39 首次发布
JSON.parse方法要求参数str为string类型。当传入object时，它会被转换为[objectobject]的字符串。如果尝试将这样的字符串再次解析，由于格式不正确，会在遇到o字符时抛出oinJSONatposition1的错误。问题在于对数据的双重解析。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

JSON.parse(str),参数str应该是string类型。

如果传递的参数是object 类型 那么JSON.parse() 就会把object类型默认转成String 结果为“[object object]”

"[" 字符就当是数组去解析，然后遇到第二个字符“o” 不知道如何解析 就会报错 o in JSON at position 1 ；

简单解释就是，出现错误是因为将数据通过json.parse()，解析了两次。

解决：Uncaught (in promise) SyntaxError: “[object Object]“ is not valid JSON 问题的过程
狮子座的男孩
08-01 1万+
中文为：后台返回的数据虽然是 字符串的样式，但是通过 方法一直解析不出来;应该是返回的字符串的数据不正确，可能多了一些不必要的符号等情况;其一、可能多了一些不必要的回车：A、数据格式为： B、数据展示为：其二、可能多了一些不必要的逗号(如：多了最后一个逗号就报错)：A、数据格式为：B、数据展示为： 其三、可能多了一些不必要的双引号：A、数据格式为：B、数据展示为：其四、正确的数据格式：A、数据格式为：B、json.parse() 操作后的数据为：C、数据展示为：其一、哪里有不对或不合适的地方，还请大佬们
【报错问题】SyntaxError: Unexpected token ‘:‘
weixin_44174312的博客
03-27 584
这个错误通常是因为 Node.js 正在尝试解析一个文件，其中包含了不符合 JavaScript 语法的内容。server.js。
Unexpected token ‘‘‘, “‘{“type“:““... is not valid JSON
ime33的博客
05-24 4950
JSON数值：不能使用8/16进制 {"num":60}{"num":-60}{"num":6.6666}{"num":1e+6}{"num":1e-6} JSON对象 { "starcraft": { "INC": "Blizzard", "price": 60 }}JSON对象数组 {"array": [{"name": "workers"},{"name": "teacher","sex": 30}]}JSON数组 {"name": ["workers",10]}于是看到了这个网站，强烈推荐。
Knife4j文档请求异常
最新发布
tanxp_的博客
05-11 742
引起问题的原因是项目设置过一个消息转换器，将Date类型数据转换为yyyy-MM-dd HH:mm格式显示，在Knife4j文档这里前端无法正常解析JSON数据。
Uncaught SyntaxError: Unexpected token o
aoyanhui2930的博客
11-03 261
浏览器报Uncaught SyntaxError: Unexpected token o 这原因是你ajax获取数据的时候对数据进行错误操作，比如使用了 JSON.parse(data) 对数据进行转换后在返回，如果这时候的data并不符合规范就会报这个错误 转载于:https://www.cnblogs.com/FarmanKKK/p/7778220.html...
Unexpected token ‘o‘, “[object Obj“... is not valid JSON 报错原因解释
weixin_73077230的博客
09-10 1392
在开发时使用到JSON.parse报错，不过第一次不会报错，解释一下原因：JSON.parse()用于从一个字符串中解析出json对象，举个例子： 报错的原因： 因为你转换的数据本来就是object，JSON.parse()这个方法是把一个字符串解析出json对象，你再转换就会报错;在使用时可以进行类型判断typeof，条件为真在进行转换，为假时不进行转换
报错Uncaught SyntaxError: Unexpected token ‘o‘, “[object Obj“... is not valid JSON
momingqimiaoxyj的博客
04-07 7024
【代码】报错Uncaught SyntaxError: Unexpected token ‘o‘, “[object Obj“... is not valid JSON。
Uncaught SyntaxError: Unexpected token ‘o‘, “[object Blob]“ is not valid JSON at JSON.parse
L的博客
10-02 9971
黑马程序员Vue+ECharts+WebSocket电商平台实时监控系统 报错：Uncaught SyntaxError: Unexpected token 'o', "[object Blob]" is not valid JSON at JSON.parse () at ws.onmessage
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
unity web报错:Uncaught SyntaxError: Unexpected token '<"
09-05
unity 打包web包报错:Uncaught SyntaxError: Unexpected token '在打包文件添加此配置文件。 <mimeMap fileExtension
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
11-24
本文实例讲述了JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法。分享给大家供大家参考，具体如下： Uncaught SyntaxError: Unexpected token ILLEGAL 未捕获的语法错误： 意想不到的非法...
Uncaught SyntaxError: Unexpected token JSON 报错解决方案
MichaelAn的博客
08-08 5916
在前端开发过程中，JSON作为常用的数据传输和配置文件经常使用。传统的XML已经逐渐被JSON所取代。有时候出现错误：Uncaught SyntaxError: Unexpected token。 错误：语法错误：未预料的符号或者字符 错误原因：JSON具有严格的语法规定，必须是键值对一一对应。相对于JS文件，JSON中没有注释和其他说明文件。出现这个错误的原因就是加入了其他的非法字符。 解...
“解决 “SyntaxError: Unexpected token ‘a‘, “array(3) {“... is not valid JSON“ 错误：一步步指南“
理论都是虚的，代码才是王道。
03-13 5094
这个错误通常意味着我们的 JSON 数据格式不正确，导致解析失败。本文将详细介绍如何解决这个问题，以便你能够正确解析 JSON 数据。如果你的 JSON 数据包含嵌套的结构（如对象或数组），确保它们的格式正确。如果解析成功，我们将输出解析后的 JSON 数据；如果你的 JSON 数据中包含了这些特殊字符，你需要对它们进行转义。首先，我们需要检查 JSON 数据的格式是否正确。如果你的 JSON 数据包含数组，确保数组使用方括号。确保你的 JSON 数据符合这个格式。确保你的 JSON 数组符合这个格式。
EasyClick易点云测 执行错误:SyntaxError: Unexpected token: o
Mr_老冷的博客
10-22 205
执行错误:SyntaxError: Unexpected token: o 此多见于JSON.parse时 原因是解析的对象已经是object,不是json字符串,无需再次解析 //这是对象,不是json字符串 let str = {a:1} let ret = JSON.parse(str) //执行错误:执行错误:SyntaxError: Unexpected token: o (js/main.js#2 ) 对象直接就能取值了,不要再解析了 ...
JS 报错 “Uncaught SyntaxError: Unexpected token o”
aphy358的博客
11-18 8137
报这个错有可能是JS代码对Json进行操作时出的错。 比如我们在代码里贸然的进行转换： $.parseJSON(JsonStr) 或 JSON.parse(JsonStr) 如果这个时候参数JsonStr并不是符合规范的JSON字符串，或压根就为null，那么这个时候就会报这个错。
SyntaxError: Unexpected token o in JSON at position 1
weixin_43990363的博客
11-18 327
这种错误一般都是解析错误 确认一下你要解析的对象到底是不是一个json！！！
我又打了一个Brotli包，报错Build6.framework.js.br:1 Uncaught SyntaxError: Invalid or unexpected token (at Build6.framework.js.br:1:2)了解此错误AI Build6.loader.js:1 Unable to parse Build/Build6.framework.js.br!<br>If using custom web server, verify that web server is sending .br files with HTTP Response Header "Content-Encoding: br". Brotli compression may not be supported over HTTP connections. Migrate your server to use HTTPS. c @ Build6.loader.js:1 i.onload @ Build6.loader.js:1 script （匿名） @ Build6.loader.js:1 x @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 createUnityInstance @ Build6.loader.js:1 （匿名） @ （索引）:27了解此错误AI Build6.loader.js:1 Failed to parse binary data file Build/Build6.data.br (with "Content-Type: application/octet-stream"), because it is still brotli-compressed. It should have been uncompressed by the browser, but it was unable to do so since the web server provided the compressed content without specifying the HTTP Response Header "Content-Encoding: br" that would have informed the browser that decompression is needed. Please verify your web server hosting configuration to add the missing "Content-Encoding: br" HTTP Response Header. c @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 Promise.then x @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 createUnityInstance @ Build6.loader.js:1 （匿名） @ （索引）:27了解此错误AI Build6.loader.js:1 Malformed data? Downloaded binary data file Build/Build6.data.br (ArrayBuffer size: 65391783) and browser should have decompressed it, but it might have not. Dumping raw HTTP Response Headers if it might help debug: （匿名） @ Build6.loader.js:1 Promise.then x @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 createUnityInstance @ Build6.loader.js:1 （匿名） @ （索引）:27了解此错误AI Build6.loader.js:1 accept-ranges: bytes （匿名） @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 Promise.then x @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 createUnityInstance @ Build6.loader.js:1 （匿名） @ （索引）:27了解此错误AI Build6.loader.js:1 cache-control: public, max-age=31536000, immutable （匿名） @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 Promise.then x @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 createUnityInstance @ Build6.loader.js:1 （匿名） @ （索引）:27了解此错误AI Build6.loader.js:1 connection: keep-alive （匿名） @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 Promise.then x @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 createUnityInstance @ Build6.loader.js:1 （匿名） @ （索引）:27了解此错误AI Build6.loader.js:1 content-length: 65391783 （匿名） @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 Promise.then x @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 createUnityInstance @ Build6.loader.js:1 （匿名） @ （索引）:27了解此错误AI Build6.loader.js:1 content-type: application/octet-stream （匿名） @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 Promise.then x @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 createUnityInstance @ Build6.loader.js:1 （匿名） @ （索引）:27了解此错误AI Build6.loader.js:1 date: Thu, 06 Mar 2025 03:12:06 GMT （匿名） @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 Promise.then x @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 createUnityInstance @ Build6.loader.js:1 （匿名） @ （索引）:27了解此错误AI Build6.loader.js:1 etag: "67c9123c-3e5cca7" （匿名） @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 Promise.then x @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 createUnityInstance @ Build6.loader.js:1 （匿名） @ （索引）:27了解此错误AI Build6.loader.js:1 last-modified: Thu, 06 Mar 2025 03:10:52 GMT （匿名） @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 Promise.then x @ Build6.loader.js:1 （匿名） @ Build6.loader.js:1 createUnityInstance @ Build6.loader.js:1 （匿名） @ （索引）:27了解此错误AI Build6.loader.js:1 server: nginx/1.27.1
03-08
<think>好的，我现在需要帮助用户解决他们遇到的Brotli压缩包报错的问题。用户在使用Unity构建WebGL项目时，出现了多个错误，主要涉及浏览器无法正确解析.br文件，并且服务器配置可能有问题。 首先，我需要理解这些错误信息的具体含义。第一条错误是“Build6.framework.js.br:1 Uncaught SyntaxError: Invalid or unexpected token”，这表明浏览器尝试将.br文件作为JavaScript执行，但文件内容不是有效的JS代码，可能是因为浏览器没有正确解压缩Brotli文件，导致直接执行了压缩后的二进制数据，从而出现语法错误。 接下来的错误信息指出，浏览器无法解析Brotli压缩的文件，因为服务器没有正确设置HTTP响应头“Content-Encoding: br”。这导致浏览器不知道这些文件是经过Brotli压缩的，因此没有自动解压缩，而是直接处理了压缩后的数据，引发解析错误。此外，错误还提到可能需要使用HTTPS连接，因为某些浏览器在HTTP下可能不支持Brotli压缩。 用户可能是在使用Nginx作为服务器，因此需要检查Nginx的配置是否正确启用了Brotli压缩，并正确设置了响应头。另外，用户可能在构建Unity项目时选择了Brotli压缩，但服务器配置没有相应调整，导致浏览器无法正确处理。 需要分步骤指导用户检查服务器配置，确保对于.br文件，服务器正确发送了Content-Encoding: br头，并且MIME类型正确。同时，可能需要确认是否启用了HTTPS，因为某些浏览器在HTTP下可能不支持Brotli。此外，还要检查Unity的构建设置，确保正确配置了压缩选项，并且所有相关文件都被正确部署。 可能的解决方案包括：修改Nginx配置，添加对应的MIME类型，设置正确的响应头；检查SSL证书，确保使用HTTPS；或者如果无法使用HTTPS，可能需要改用Gzip压缩。此外，清理浏览器缓存和重新构建项目也可能帮助排除缓存问题。 需要将这些步骤详细但清晰地解释给用户，确保他们能够逐步操作，并验证每一步是否有效。同时，提醒用户在修改配置后重启服务，并测试是否解决了问题。</think>根据错误信息，您遇到的是Brotli压缩文件在Web服务器配置不当导致的浏览器解析问题。以下是逐步解决方案： $$ \begin{array}{|c|l|} \hline \text{步骤} & \text{解决方案} \\ \hline 1 & \text{检查服务器配置（以Nginx为例）：} \\ & \text{在配置文件中添加：} \\ & \text{location ~ \.br$ \{} \\ & \quad \text{add_header Content-Encoding br;} \\ & \quad \text{add_header Content-Type application/wasm;} \\ & \}\\ \hline 2 & \text{强制使用HTTPS协议：} \\ & \text{Brotli在HTTP协议下可能不被支持，建议配置SSL证书} \\ & \text{示例Nginx配置：} \\ & \text{listen 443 ssl http2;} \\ \hline 3 & \text{设置正确MIME类型：} \\ & \text{在mime.types中添加：} \\ & \text{application/wasm wasm br;} \\ \hline 4 & \text{检查Unity构建设置：} \\ & \text{Player Settings → Publishing Settings → Compression Format} \\ & \text{确认选择Brotli而非Gzip} \\ \hline 5 & \text{清除浏览器缓存：} \\ & \text{使用Ctrl+Shift+R强制刷新或使用隐私模式测试} \\ \hline \end{array} $$ 关键问题解析： 1. 浏览器收到.br文件时，需要`Content-Encoding: br`响应头才会自动解压 2. 未使用HTTPS时，某些浏览器会拒绝处理Brotli压缩内容 3. Unity WebGL加载器需要原始字节流而非压缩数据 附加建议： - 使用curl命令验证响应头： ```bash curl -I -H "Accept-Encoding: br" https://yourdomain.com/Build/Build6.framework.js.br ``` - 若无法使用HTTPS，可改用Gzip压缩： ```nginx location ~ \.gz$ { add_header Content-Encoding gzip; add_header Content-Type application/wasm; } ``` 典型错误配置对比： $$ \begin{array}{|c|c|c|} \hline \text{状态} & \text{错误配置} & \text{正确配置} \\ \hline \text{Content-Encoding} & \text{缺失} & \text{br} \\ \hline \text{Content-Type} & \text{application/octet-stream} & \text{application/wasm} \\ \hline \text{协议} & \text{HTTP} & \text{HTTPS} \\ \hline \end{array} $$ 修改配置后，建议使用WebGL测试工具（如Unity WebGL Support插件）验证文件加载流程。若问题仍存在，可检查服务器日志是否有416 Range Not Satisfiable错误，这可能需要禁用分块传输。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值