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

原创 已于 2023-04-25 17:41:40 修改 · 4.8k 阅读 · 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的错误。问题在于对数据的双重解析。

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

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

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

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

多种方法解决前后端报出的SyntaxError: xxx is not valid JSON的问题，比如“[object Object]“ is not valid JSON
念兮为美
02-23 2万+
多种方法解决SyntaxError: xxx is not valid JSON的问题，比如Manifest is not valid JSON. Line: 1, column: 1，[object Object] is not valid JSON，Error: invalid JSON, only supports object and array等
unity生成webgl 运行时，浏览器出现：Unexpected token ‘＜‘ 报错的解决办法
ywyngq的博客
11-12 1749
unity webgl 生成文件
Uncaught SyntaxError: Unexpected token o
aoyanhui2930的博客
11-03 275
浏览器报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 1670
在开发时使用到JSON.parse报错，不过第一次不会报错，解释一下原因：JSON.parse()用于从一个字符串中解析出json对象，举个例子： 报错的原因： 因为你转换的数据本来就是object，JSON.parse()这个方法是把一个字符串解析出json对象，你再转换就会报错;在使用时可以进行类型判断typeof，条件为真在进行转换，为假时不进行转换
报错Uncaught SyntaxError: Unexpected token ‘o‘, “[object Obj“... is not valid JSON
momingqimiaoxyj的博客
04-07 7098
【代码】报错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 1万+
黑马程序员Vue+ECharts+WebSocket电商平台实时监控系统 报错：Uncaught SyntaxError: Unexpected token 'o', "[object Blob]" is not valid JSON at JSON.parse () at ws.onmessage
cannon-es.min.js:7 Uncaught SyntaxError: Unexpected token 'export' (at cannon-es.min.js:7:138756)
08-13
我们遇到了在使用cannon-es.min.js时出现的“Uncaught SyntaxError: Unexpected token 'export'”错误。这个错误通常发生在尝试在浏览器中直接使用ES模块格式的库时，而当前环境不支持ES模块或者加载方式不正确。 ...
QS {name: 'RuntimeError', message: 'Invalid XMLHttpRequest response type.', stack: 'Error\n at new QS (http://8.149.246.62:60/assets….149.246.62:60/assets/index-7c804f62.js:78:22279)'} M6e @ index-7c804f62.js:7506 L6e @ index-7c804f62.js:7506 await in L6e Ii.fromProviderAsync @ index-7c804f62.js:7506 _createViewer @ index-7c804f62.js:18994 $zt @ index-7c804f62.js:18994 D @ index-7c804f62.js:19029 (anonymous) @ index-7c804f62.js:19127 (anonymous) @ index-4a09dc7a.js:1 Hc @ index-4a09dc7a.js:1 El @ index-4a09dc7a.js:1 C5.e.__weh.e.__weh @ index-4a09dc7a.js:1 J3 @ index-4a09dc7a.js:1 Vse @ index-4a09dc7a.js:1 Promise.then Bse @ index-4a09dc7a.js:1 qb @ index-4a09dc7a.js:1 Yse @ index-4a09dc7a.js:1 g @ index-4a09dc7a.js:1 mL @ index-4a09dc7a.js:1 Km @ index-4a09dc7a.js:1 b5 @ index-4a09dc7a.js:1 (anonymous) @ index-4a09dc7a.js:1 mL @ index-4a09dc7a.js:1 Km @ index-4a09dc7a.js:1 b5 @ index-4a09dc7a.js:1 (anonymous) @ index-4a09dc7a.js:1 mL @ index-4a09dc7a.js:1 Km @ index-4a09dc7a.js:1 b5 @ index-4a09dc7a.js:1 set value @ index-4a09dc7a.js:1 I @ index-4a09dc7a.js:154 (anonymous) @ index-4a09dc7a.js:154 Promise.then x @ index-4a09dc7a.js:154 y @ index-4a09dc7a.js:154 u @ index-4a09dc7a.js:210 onClick @ index-4a09dc7a.js:210 Hc @ index-4a09dc7a.js:1 El @ index-4a09dc7a.js:1 n @ index-4a09dc7a.js:1 VM175:1 Uncaught (in promise) SyntaxError: Unexpected token '<', "<!doctype "... is not valid JSON at JSON.parse (<anonymous>) at index-7c804f62.js:78:15443 (anonymous) @ index-7c804f62.js:78 Promise.then Dt.fetchJson @ index-7c804f62.js:78 Dt.fetchJson @ index-7c804f62.js:78 ca.initialize @ index-7c804f62.js:4743 Ql.initializeTerrainHeights @ index-7c804f62.js:5191 au @ index-7c804f62.js:9941 Lo @ index-7c804f62.js:15936 $i @ index-7c804f62.js:16554 _createViewer @ index-7c804f62.js:18994 $zt @ index-7c804f62.js:18994 D @ index-7c804f62.js:19029 (anonymous) @ index-7c804f62.js:19127 (anonymous) @ index-4a09dc7a.js:1 Hc @ index-4a09dc7a.js:1 El @ index-4a09dc7a.js:1 C5.e.__weh.e.__weh @ index-4a09dc7a.js:1 J3 @ index-4a09dc7a.js:1 Vse @ index-4a09dc7a.js:1 Promise.then Bse @ index-4a09dc7a.js:1 qb @ index-4a09dc7a.js:1 Yse @ index-4a09dc7a.js:1 g @ index-4a09dc7a.js:1 mL @ index-4a09dc7a.js:1 Km @ index-4a09dc7a.js:1 b5 @ index-4a09dc7a.js:1 (anonymous) @ index-4a09dc7a.js:1 mL @ index-4a09dc7a.js:1 Km @ index-4a09dc7a.js:1 b5 @ index-4a09dc7a.js:1 (anonymous) @ index-4a09dc7a.js:1 mL @ index-4a09dc7a.js:1 Km @ index-4a09dc7a.js:1 b5 @ index-4a09dc7a.js:1 set value @ index-4a09dc7a.js:1 I @ index-4a09dc7a.js:154 (anonymous) @ index-4a09dc7a.js:154 Promise.then x @ index-4a09dc7a.js:154 y @ index-4a09dc7a.js:154 u @ index-4a09dc7a.js:210 onClick @ index-4a09dc7a.js:210 Hc @ index-4a09dc7a.js:1 El @ index-4a09dc7a.js:1 n @ index-4a09dc7a.js:1 VM176:1 Uncaught (in promise) SyntaxError: Unexpected token '<', "<!doctype "... is not valid JSON at JSON.parse (<anonymous>) at index-7c804f62.js:78:15443 (anonymous) @ index-7c804f62.js:78 Promise.then Dt.fetchJson @ index-7c804f62.js:78 t9 @ index-7c804f62.js:78 n9.computeXysRadians @ index-7c804f62.js:78 gi.computeFixedToIcrfMatrix @ index-7c804f62.js:78 gi.computeIcrfToFixedMatrix @ index-7c804f62.js:78 gi.computeIcrfToCentralBodyFixedMatrix @ index-7c804f62.js:78 _Me @ index-7c804f62.js:3927 hb.update @ index-7c804f62.js:3927 uTt @ index-7c804f62.js:15558 x0$5 @ index-7c804f62.js:15558 ui.render @ index-7c804f62.js:15558 Lo.render @ index-7c804f62.js:15938 i @ index-7c804f62.js:15936 requestAnimationFrame oSt @ index-7c804f62.js:15936 set @ index-7c804f62.js:15936 Lo @ index-7c804f62.js:15936 $i @ index-7c804f62.js:16554 _createViewer @ index-7c804f62.js:18994 $zt @ index-7c804f62.js:18994 D @ index-7c804f62.js:19029 (anonymous) @ index-7c804f62.js:19127 (anonymous) @ index-4a09dc7a.js:1 Hc @ index-4a09dc7a.js:1 El @ index-4a09dc7a.js:1 C5.e.__weh.e.__weh @ index-4a09dc7a.js:1 J3 @ index-4a09dc7a.js:1 Vse @ index-4a09dc7a.js:1 Promise.then Bse @ index-4a09dc7a.js:1 qb @ index-4a09dc7a.js:1 Yse @ index-4a09dc7a.js:1 g @ index-4a09dc7a.js:1 mL @ index-4a09dc7a.js:1 Km @ index-4a09dc7a.js:1 b5 @ index-4a09dc7a.js:1 (anonymous) @ index-4a09dc7a.js:1 mL @ index-4a09dc7a.js:1 Km @ index-4a09dc7a.js:1 b5 @ index-4a09dc7a.js:1 (anonymous) @ index-4a09dc7a.js:1 mL @ index-4a09dc7a.js:1 Km @ index-4a09dc7a.js:1 b5 @ index-4a09dc7a.js:1 set value @ index-4a09dc7a.js:1 I @ index-4a09dc7a.js:154 (anonymous) @ index-4a09dc7a.js:154 Promise.then x @ index-4a09dc7a.js:154 y @ index-4a09dc7a.js:154 u @ index-4a09dc7a.js:210 onClick @ index-4a09dc7a.js:210 Hc @ index-4a09dc7a.js:1 El @ index-4a09dc7a.js:1 n @ index-4a09dc7a.js:1 :60/assets/Workers/createVerticesFromHeightmap.js:1 Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec. :60/assets/Workers/transferTypedArrayTest.js:1 Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec. index-7c804f62.js:15936 WebGL渲染运行出错 (页面已停止,请刷新页面) InvalidStateError: The source image could not be decoded. InvalidStateError: The source image could not be decoded.
最新发布
10-29
### 解决SyntaxError: Unexpected token ', "<!doctype "... is not valid JSON 这个错误表明你尝试将一个 HTML 响应解析为 JSON。通常是因为请求的 URL 返回的是 HTML 页面（如 404 页面），而代码却尝试将其作为 ...
我又打了一个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
第一条错误是“Build6.framework.js.br:1 Uncaught SyntaxError: Invalid or unexpected token”，这表明浏览器尝试将.br文件作为JavaScript执行，但文件内容不是有效的JS代码，可能是因为浏览器没有正确解压缩...
我是windows系统，用Unity打了一个Brotli包，想放进nginx里运行，但是报错，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
嗯，用户在使用Unity打包成Brotli格式后，通过Nginx运行时遇到了错误。...首先，我需要确认Brotli压缩在Nginx中的配置是否正确。 Brotli需要Nginx的第三方模块支持，比如ngx_brotli。用户可能没有安装或者启用这个模块...
Unexpected token ‘‘‘, “‘{“type“:““... is not valid JSON
ime33的博客
05-24 5044
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]}于是看到了这个网站，强烈推荐。
解决：Uncaught (in promise) SyntaxError: “[object Object]“ is not valid JSON 问题的过程
热门推荐
狮子座的男孩
08-01 1万+
中文为：后台返回的数据虽然是 字符串的样式，但是通过 方法一直解析不出来;应该是返回的字符串的数据不正确，可能多了一些不必要的符号等情况;其一、可能多了一些不必要的回车：A、数据格式为： B、数据展示为：其二、可能多了一些不必要的逗号(如：多了最后一个逗号就报错)：A、数据格式为：B、数据展示为： 其三、可能多了一些不必要的双引号：A、数据格式为：B、数据展示为：其四、正确的数据格式：A、数据格式为：B、json.parse() 操作后的数据为：C、数据展示为：其一、哪里有不对或不合适的地方，还请大佬们
Uncaught SyntaxError: Unexpected token JSON 报错解决方案
MichaelAn的博客
08-08 6013
在前端开发过程中，JSON作为常用的数据传输和配置文件经常使用。传统的XML已经逐渐被JSON所取代。有时候出现错误：Uncaught SyntaxError: Unexpected token。 错误：语法错误：未预料的符号或者字符 错误原因：JSON具有严格的语法规定，必须是键值对一一对应。相对于JS文件，JSON中没有注释和其他说明文件。出现这个错误的原因就是加入了其他的非法字符。 解...
“解决 “SyntaxError: Unexpected token ‘a‘, “array(3) {“... is not valid JSON“ 错误：一步步指南“
理论都是虚的，代码才是王道。
03-13 5596
这个错误通常意味着我们的 JSON 数据格式不正确，导致解析失败。本文将详细介绍如何解决这个问题，以便你能够正确解析 JSON 数据。如果你的 JSON 数据包含嵌套的结构（如对象或数组），确保它们的格式正确。如果解析成功，我们将输出解析后的 JSON 数据；如果你的 JSON 数据中包含了这些特殊字符，你需要对它们进行转义。首先，我们需要检查 JSON 数据的格式是否正确。如果你的 JSON 数据包含数组，确保数组使用方括号。确保你的 JSON 数据符合这个格式。确保你的 JSON 数组符合这个格式。
EasyClick易点云测 执行错误:SyntaxError: Unexpected token: o
Mr_老冷的博客
10-22 224
执行错误: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 8181
报这个错有可能是JS代码对Json进行操作时出的错。 比如我们在代码里贸然的进行转换： $.parseJSON(JsonStr) 或 JSON.parse(JsonStr) 如果这个时候参数JsonStr并不是符合规范的JSON字符串，或压根就为null，那么这个时候就会报这个错。
SyntaxError: Unexpected token o in JSON at position 1
weixin_43990363的博客
11-18 343
这种错误一般都是解析错误 确认一下你要解析的对象到底是不是一个json！！！
vue报错：Uncaught SyntaxError: unexpected token *
03-13
<think>好的，我现在需要解决用户提到的Vue项目中遇到的“Uncaught SyntaxError: Unexpected token *”错误。首先，我得回忆一下常见的导致这种错误的原因。根据用户提供的引用内容，这类错误通常与引入的第三方JS文件或浏览器兼容性有关。 首先，用户提到在index.html中引入了第三方JS文件，这可能是问题的根源。根据引用[1]和[2]，我需要检查这个JS文件的语法是否正确，尤其是是否有意外的字符比如“<”或者“*”在不该出现的地方。可能这个文件里有ES6+的语法，而用户的构建环境没有正确转译，导致低版本浏览器无法识别。例如，箭头函数或模板字符串在旧浏览器中会报错。 接下来，引用[3]提到了browserslist的配置，这会影响Babel转译的目标浏览器版本。如果配置中排除了某些需要支持的浏览器，或者没有正确设置，Babel可能不会将高级语法转译成兼容代码，从而导致语法错误。比如，如果配置了不支持ES6的浏览器，但代码中使用了const或let，在旧版IE中就会报错。 然后，我需要考虑构建工具（如Webpack）是否正确处理了第三方库。有时第三方库可能没有经过转译，直接以ES6+的代码发布，这时候需要在项目配置中显式地将其包含进Babel的转译过程中。例如，在vue.config.js中配置transpileDependencies选项，或者修改Babel的exclude规则。 另外，还要检查JS文件的完整性，可能文件下载不完整或被篡改，导致出现意外的符号。比如，在引入的JS文件中，可能存在未闭合的注释或字符串，导致解析器遇到意外的“*”符号，尤其是在正则表达式中。 最后，用户提到的错误信息中的“*”符号，可能出现在解构赋值、生成器函数（function*）或者正则表达式里。如果浏览器不支持这些语法，又没有转译，就会抛出错误。例如，function*在IE中不被支持，必须转译成ES5代码。 总结下来，解决步骤应该是： 1. 检查第三方JS文件的内容，确保语法正确。 2. 确认browserslist配置是否正确，是否覆盖了需要支持的浏览器。 3. 确保构建工具正确处理了第三方库，必要时进行转译。 4. 检查是否有损坏的JS文件。 5. 使用Babel等工具进行语法降级，添加必要的polyfill。</think>针对Vue项目中的`Uncaught SyntaxError: Unexpected token *`错误，以下是逐步解决方案： ### 1. 检查第三方JS文件的语法 - **问题定位**：在`index.html`中引入的第三方JS文件可能包含ES6+语法（如箭头函数、`const/let`声明）或特殊符号`*`（如生成器函数`function*`）[^1][^2]。 - **解决步骤**： 1. 打开第三方JS文件，搜索`*`符号出现的位置，确认是否为合法语法（例如`function*`或正则表达式）。 2. 若文件语法无误，可能是浏览器兼容性问题，需通过Babel转译。 ### 2. 配置Babel转译第三方库 - **问题定位**：Webpack默认排除`node_modules`中的文件，导致第三方库未转译[^3]。 - **解决步骤**： ```javascript // vue.config.js module.exports = { transpileDependencies: [/第三方库名/] // 显式指定需要转译的库 }; ``` ### 3. 调整browserslist兼容范围 - **问题定位**：`package.json`中`browserslist`配置未覆盖低版本浏览器，导致Babel未生成兼容代码。 - **解决步骤**： ```json // package.json "browserslist": [ "> 1%", "last 2 versions", "not dead", "chrome >= 35", "ie >= 8" // 显式支持低版本IE ] ``` ### 4. 添加Polyfill支持 - **问题定位**：旧版浏览器缺失ES6+ API（如Promise、Generator）[^3]。 - **解决步骤**： 1. 安装核心Polyfill： ```bash npm install core-js regenerator-runtime ``` 2. 在入口文件`main.js`中引入： ```javascript import "core-js/stable"; import "regenerator-runtime/runtime"; ``` ### 5. 验证文件完整性 - **问题定位**：JS文件下载不完整或被篡改，导致解析异常[^2]。 - **解决步骤**： 1. 重新下载第三方JS文件。 2. 使用在线工具（如[JSLint](https://www.jslint.com/)）验证文件语法。 --- ### 相关问题 1. 如何判断Vue项目是否需要配置`transpileDependencies`？ 2. `browserslist`配置如何影响打包体积？ 3. 除了Babel，还有哪些方法可提升Vue项目的浏览器兼容性？
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值