位置: IT常识 - 正文

Uncaught SyntaxError: Unexpected token '<' (at 报错

编辑:rootadmin
一 发新版本导致 问题的根源是服务器js文件更新了,页面还在请求以前的js文件。可以保留之前webpack打包的文件,但是时间久了文件体积会积累到很大,而且从产品角度更希望用户访问新的资源。所以最好的解决方式是在报错时给用户提示,用户点击确认后刷新页面。前端如何能catch到这种错误? 目前还没找到 ...

推荐整理分享Uncaught SyntaxError: Unexpected token '<' (at 报错,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

Uncaught SyntaxError: Unexpected token '<' (at  报错

一 发新版本导致

问题的根源是服务器js文件更新了,页面还在请求以前的js文件。可以保留之前webpack打包的文件,但是时间久了文件体积会积累到很大,而且从产品角度更希望用户访问新的资源。所以最好的解决方式是在报错时给用户提示,用户点击确认后刷新页面。前端如何能catch到这种错误?

目前还没找到catch这种错误的方法,但是,可以模拟这种错误的出现。

js文件是以script标签的形式动态添加到head标签里的,可以给head绑定DOMNodeInserted这个事件在有子元素插入的时候触发,可以在回调里拿到插入的标签名以及标签的属性包括src。这样在所有js资源加载时我们都可以在回调事件里拿到资源路径,然后在创建一个请求去请求该资源,代码如下:

const head = document.getElementsByTagName('head')[0] head.addEventListener('DOMNodeInserted', e => { // 获取标签名 const type = e.target.tagName // 获取资源路径 const url = e.target.src if (type === 'SCRIPT' && url) { // 创建请求,如果需要低版本浏览器兼容的,请注意 let xhr = new XMLHttpRequest() xhr.open('get', url) xhr.onload = () => { const text = xhr.responseText if (text.indexOf('<') === 0) { this.$modal.info({ title: '检测到有新的版本发布,需要刷新页面以访问最新内容', width: 350, okText: '确定', onOk() { location.reload() } }) } } xhr.send() } })
本文链接地址:https://www.jiuchutong.com/zhishi/304617.html 转载请保留说明!

上一篇:使用 Python 处理 Json 数据(python处理数据教程)

下一篇:用Python举例实现逆波兰表达式(用python写)

  • 华为智慧生活添加不了路由器是怎么回事(华为智慧生活添加路由器扫描不到)

    华为智慧生活添加不了路由器是怎么回事(华为智慧生活添加路由器扫描不到)

  • airpods是有延迟的吗(airpods 有延迟)

    airpods是有延迟的吗(airpods 有延迟)

  • 怎样把一个群里的人拉到另一个群里(怎样把一个群里的人拉到另外一个群里)

    怎样把一个群里的人拉到另一个群里(怎样把一个群里的人拉到另外一个群里)

  • qq羊驼表情什么意思(qq表情里面的羊驼是什么意思)

    qq羊驼表情什么意思(qq表情里面的羊驼是什么意思)

  • 怎么段添加项目符号(添加段落项目符号怎么弄)

    怎么段添加项目符号(添加段落项目符号怎么弄)

  • 微信删除好友点赞还在吗(微信删除好友点赞和评论还有吗)

    微信删除好友点赞还在吗(微信删除好友点赞和评论还有吗)

  • 华为p40pro原装膜要不要撕掉(华为p40pro原装膜多少钱)

    华为p40pro原装膜要不要撕掉(华为p40pro原装膜多少钱)

  • qq空间怎么发长视频(qq空间怎么发长图配音乐)

    qq空间怎么发长视频(qq空间怎么发长图配音乐)

  • excel无法新增列怎么办(excel无法新增列,提示会挤掉末尾单元格分类汇总)

    excel无法新增列怎么办(excel无法新增列,提示会挤掉末尾单元格分类汇总)

  • 小米10多长(小米10多长?)

    小米10多长(小米10多长?)

  • 苹果11pro充电发出两声响(苹果11pro充电发烫)

    苹果11pro充电发出两声响(苹果11pro充电发烫)

  • 快手评论表情包为什么看不见(快手评论表情包出现@名称怎么删除)

    快手评论表情包为什么看不见(快手评论表情包出现@名称怎么删除)

  • 华为手机来电不显示(华为手机来电不显示接听界面怎么办)

    华为手机来电不显示(华为手机来电不显示接听界面怎么办)

  • 苹果彩虹板是什么意思(iphone8彩虹板)

    苹果彩虹板是什么意思(iphone8彩虹板)

  • heliox30相当于骁龙几(heliox30是什么处理器)

    heliox30相当于骁龙几(heliox30是什么处理器)

  • 华为荣耀怎么打开颜色反转(华为荣耀怎么打开OTG功能)

    华为荣耀怎么打开颜色反转(华为荣耀怎么打开OTG功能)

  • word参考文献怎么引用(word参考文献怎么标注右上角)

    word参考文献怎么引用(word参考文献怎么标注右上角)

  • 手机qq说说怎么解除私密(手机qq说说怎么发音乐链接)

    手机qq说说怎么解除私密(手机qq说说怎么发音乐链接)

  • oled屏和lcd屏哪个清晰(oled屏和lcd屏哪个更好)

    oled屏和lcd屏哪个清晰(oled屏和lcd屏哪个更好)

  • 快手怎么复制别人视频(快手怎么复制别人的视频)

    快手怎么复制别人视频(快手怎么复制别人的视频)

  • 唯品会怎么改名(唯品会怎么改名字)

    唯品会怎么改名(唯品会怎么改名字)

  • 三星国行和港行有什么区别(三星国行和港行的区别)

    三星国行和港行有什么区别(三星国行和港行的区别)

  • 数据化的意义(数据化的意义和作用)

    数据化的意义(数据化的意义和作用)

  • 手机6gb和4gb区别(手机6gb和4gb区别大吗)

    手机6gb和4gb区别(手机6gb和4gb区别大吗)

  • 出口货物适用什么税率
  • 分成收入计入什么科目
  • 期初未缴税额是什么意思
  • 住宿费收据属于什么凭证
  • 现金流量表存货增加是负的
  • 汽车租赁服务开发票税率
  • 年初未分配利润和年末未分配利润的关系
  • 车辆购置税账务怎么处理流程
  • 城建税和教育附加税
  • 出口退税进项发票
  • 自收自支事业单位是什么意思
  • 雇主责任险能否证明劳动关系
  • 补交社保后的个税怎么交
  • 土地增值税清算是什么意思
  • 普票丢失的最新处理2019
  • 文化事业建设费税收优惠政策2023
  • 小规模自开专票税率是1%还是3%
  • 一般纳税人何种情况不需要交附加税
  • 申请双软企业会查员工学历吗
  • 收购报废车有利润吗
  • 华硕p8h61主板升级更换什么主板合适
  • 企业发生的亏损不一定会导致所有者权益减少
  • 小微企业可以享受六税两费吗
  • win7显示更新失败怎么办啊
  • 企业办理银行结汇流程
  • 营改增后哪些费用可以抵扣
  • PHP:stream_get_line()的用法_Stream函数
  • vue3 vue.config.js配置Element-plus组件和Icon图标实现按需自动引入
  • win7系统禁用u盘
  • php如何实现多线程
  • 总包缴税
  • html盒子边框圆角
  • 小规模纳税人缴税的分录
  • 生成php文件
  • 文心一言中国经济大讲堂
  • 关于酒店采购
  • 汽车年审检测费收费标准
  • 年底应交增值税销项税额要结平吗
  • 设备计提折旧从什么时候开始
  • 织梦怎么改文字
  • 工会经费计算表
  • 在私立医院就诊能报销吗
  • 应收利息缴纳什么税
  • 以前未入账固定资产补入账政府会计
  • 固定资产清理税务处理
  • 数据库varchar和nvarchar
  • 技术服务收入属于销售营业收入吗
  • 运输公司汽车折旧能直接进主营成本吗
  • 电子银行承兑到期没有兑现怎么办
  • 盘盈存货账务处理
  • 土地出让金进项税怎么算
  • 个人应如何进行社会实践
  • 内地汇丰银行账户管理费
  • 公司发工资是私人转账的要交税吗
  • 小微企业可以享受六税两费吗
  • 无形资产自行开发
  • 电子税务局自然人扣缴客户端
  • 企业印花税率
  • 私营企业固定资产法律制度
  • 私营公司固定资产怎么查
  • centos7安装MySQL5.6
  • 电脑winxp系统
  • 正确安全管理操作手册
  • windows8.1rt
  • win7系统出现蓝屏
  • opengl编程实例
  • nodelink
  • 关于service生命周期的说法正确的是
  • a标签的href和onclick
  • 怪物掉落物品的获取方式
  • 如何检测ip地址是否被占用
  • python怎么发送
  • bootstrap layer弹框
  • 留抵税额过多怎么办
  • 税务局监察室主任职位说明书
  • 港澳台资企业
  • 螺丝钉的税率
  • 国家关于农村土地流转政策
  • 统计表主要业务内容
  • 一般纳税人财务报表月报还是季报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设