Vue3资源加载问题Uncaught (in promise) SyntaxError: Unexpected token ‘＜‘, “＜!DOCTYPE “... is not valid JSON

最新推荐文章于 2024-05-06 23:26:43 发布
最新推荐文章于 2024-05-06 23:26:43 发布
阅读量1k 收藏
点赞数
文章标签： json javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39123467/article/details/131877730
版权

文章目录

遇到问题

资源打包上线后资源加载问题导致live2d没有加载出来
在这里插入图片描述

检查资源加载路径，打包後的綫上環境不能有public，應該直接寫"/資源路徑"

在这里插入图片描述

問題解決

在这里插入图片描述

鬼鬼骑士
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
遇到问题： 今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方案： 解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：[removed][removed]，这样就
SyntaxError: Unexpected token ‘＜‘, “＜!DOCTYPE “... is not valid JSON at JSON.parse (＜anonymous＞)
qq_33298964的博客
03-20 1049
通过测试发现是模型文件路径问题，模型文件路径需采用绝对路径，即"src/assets/models/rabbit.glb"，改成如下引入报错解决。使用绝对路径可以确保引入的是实际文件系统上的模型文件，避免在打包后文件找不到。
解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 错误解决方法
热门推荐
欢迎访问我的主页：https://www.bookbook.cc
12-03 44万+
Uncaught SyntaxError: Unexpected token '
详解Vue.js搭建路由报错 router.map is not a function
10-19
主要介绍了详解Vue.js搭建路由报错 router.map is not a function，非常具有实用价值，需要的朋友可以参考下
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
React 项目 使用fetch请求mock接口 报错 Uncaught (in promise) SyntaxError: Unexpected token ‘＜‘, “＜!DOCTYPE “...
m0_64415782的博客
07-08 2017
反复检查并没有发现任何不对，尝试改了一下路径中的文件名，发现如果写一个不存在的文件名，报的错是完全一致的；1，不使用mock，将想要获取的文件移动到正确位置即可。在使用 React 框架编写前端时，这边我是用的mock来模拟数据，使用fetch来请求。中的 url 属性是 mock模拟接口的url。一定要在请求页面来引入你的mock模拟接口文件。原来使用原生 HTML 的时候，曾经使用。是网页向前端服务器发起的请求，访问到的是。3，直接使用 axios 来进行请求。2， 使用fetch-mock。
使用Ajax请求后台数据，然后的时候出现Uncaught (in promise) SyntaxError: Unexpected token ＜ in JSON at position 0的错误。
liliang250的博客
10-23 7500
首先来看下Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 的意思是：未捕获（在promise）语法错误：在JSON中。 导致这个错误的原因是： 出现这个报错提示，根本原因是--json解析异常，所以请大家直接去关注自己json的返回数据注意检查其返回内容和内容的格式是否正确。 检查自己的php文件编写的是否正确，符合语法规范。 即使编写的代码编写的没有问题，还是会出现这个
php文件上传失败 SyntaxError: Unexpected token ‘＜‘, “＜!doctype “... is not valid JSON
qq_59959075的博客
05-21 2495
Failed to load resource: the server responded with a status of 404 (Not Found) uploadExcelFile.js:29 上传文件失败: SyntaxError: Unexpected token '
Uncaught SyntaxError: Unexpected token ‘＜ 错误解决
qq_47756657的博客
07-16 366
Uncaught SyntaxError: Unexpected token '< 错误解决
SyntaxError: Unexpected token ‘＜‘, “＜!-- * @“... is not valid JSON
qq_2511276124的博客
12-10 1万+
一般都是路径错误。
解决vue打包后刷新页面报错：Unexpected token <
10-16
主要介绍了解决vue打包后刷新页面报错：Unexpected token <相关知识点，需要的朋友们参考下。
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分) 问题1.导航点击无法正常跳转,console打印:Error:Loading chunk {n} failed. 报错截图 问题2.页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
Unexpected token c in JSON at position 0 报错信息及解决
01-20
问题产生：mpvue编译过程报错 Unexpected token c in JSON at position 0，且是websocket返回实时数据时。 问题产生原因：js中json  解析失败 解决：添加判断字符串是否是json格式方法isJson,并调用一下 isJson(str) { if (typeof str == 'string') { try { var obj = JSON.parse(str); if (typeof obj == 'object' && obj) { return true; } el
2023必知必问的Vue3面试题总结！！！.docx
07-23
2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知必问的Vue3面试题总结！！！.docx2023必知
Vue中通过<script></script>引入的Vue.js文件
04-28
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 格式就是： <script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"></script> src里面的内容根据自己的下载的Vue.js的文件位置决定的，我这里只是拿我自己做的举个例子。这个地方的vue.js是因为我下载了两次这个版本的vue.js才导致这样的。但是引入是没有任何问题的。 Vue、js版本这个是根据个人的需要来选择的，不是唯一的。 Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）
一个好用的MQTT客户端软件
易得者易失
04-30 554
MQTT客户端软件，用于MQTT调试，测试用。
使用Beego创建API项目并自动化文档
witton的专栏
05-06 249
最近需要使用Go写一个Web API项目，可以使用Beego与Gin来写此类项目，还是非常方便的，这里就介绍一下使用Beego来创建的Web API项目并自动化文档的方法。
【typescript测试 - Jest 配置与使用】
最新发布
qq_38428433的博客
05-06 76
【代码】【typescript测试 - Jest 配置与使用】
vue Uncaught SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON
01-16
根据提供的引用内容，当在Vue项目部署后出现"Uncaught SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON"错误时，可能是由于服务器返回的响应不是有效的JSON格式导致的。 解决这个问题的方法是确保服务器返回的响应是有效的JSON格式。你可以通过以下几种方式来解决这个问题： 1. 检查服务器端代码：确保服务器端代码正确地将响应数据转换为JSON格式并发送给客户端。你可以使用服务器端框架提供的工具或函数来确保响应数据是有效的JSON格式。 2. 检查网络请求：确保在客户端发起网络请求时，正确地设置请求头和数据格式。你可以使用Vue的Axios库或其他网络请求库来发送请求，并确保设置了正确的Content-Type头部字段。 3. 检查响应数据：如果服务器返回的响应数据确实不是有效的JSON格式，你可以在客户端代码中对响应数据进行处理。你可以使用try-catch语句来捕获解析JSON时可能出现的异常，并在出现异常时进行相应的处理。 下面是一个示例代码，演示了如何使用try-catch语句来处理可能的JSON解析异常： ```javascript axios.get('/api/data') .then(response => { try { const jsonData = JSON.parse(response.data); // 处理有效的JSON数据 } catch (error) { // 处理JSON解析异常 console.error('Invalid JSON format:', error); } }) .catch(error => { // 处理网络请求错误 console.error('Request error:', error); }); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鬼鬼骑士

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值