位置: 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写)

  • 微信收款语音播报怎么是粤语(微信收款语音播报音响怎么申请)

    微信收款语音播报怎么是粤语(微信收款语音播报音响怎么申请)

  • opporeno哪款是升降摄像头(opporeno升级版本怎么样)

    opporeno哪款是升降摄像头(opporeno升级版本怎么样)

  • w7电脑蓝屏0x0000007b(w7电脑蓝屏0x0000001)

    w7电脑蓝屏0x0000007b(w7电脑蓝屏0x0000001)

  • qq看点怎么关通知(qq看点功能怎么关闭)

    qq看点怎么关通知(qq看点功能怎么关闭)

  • 华为删除凭据什么后果(华为手机删除所有凭据是什么意思)

    华为删除凭据什么后果(华为手机删除所有凭据是什么意思)

  • 键盘只有a键不能用(键盘a键有时无反应)

    键盘只有a键不能用(键盘a键有时无反应)

  • 视频暂时不能查看(视频暂时不能查询怎么办)

    视频暂时不能查看(视频暂时不能查询怎么办)

  • 6s是a几处理器(苹果12用的什么处理器)

    6s是a几处理器(苹果12用的什么处理器)

  • 手机关机却说无法接通(手机关机后再打开就显示无服务)

    手机关机却说无法接通(手机关机后再打开就显示无服务)

  • 电脑开机出现setup(电脑开机出现setup和resume)

    电脑开机出现setup(电脑开机出现setup和resume)

  • 苹果手机闹钟图标不见了(苹果手机闹钟图片)

    苹果手机闹钟图标不见了(苹果手机闹钟图片)

  • iwatch美版与国行区别(watch美版和国行)

    iwatch美版与国行区别(watch美版和国行)

  • 同步异步区别(同步异步区别数电)

    同步异步区别(同步异步区别数电)

  • 手机第一次充电要充满吗(手机第一次充电怎么充对电池好)

    手机第一次充电要充满吗(手机第一次充电怎么充对电池好)

  • 手机没下载东西为什么内存越来越少(手机没有下载软件怎么办)

    手机没下载东西为什么内存越来越少(手机没有下载软件怎么办)

  • 微信号申诉一般要多久(微信账号申诉一般要多久)

    微信号申诉一般要多久(微信账号申诉一般要多久)

  • 荣耀9x后置摄像头参数(荣耀9x后置摄像头拍照模糊)

    荣耀9x后置摄像头参数(荣耀9x后置摄像头拍照模糊)

  • vivox27录屏怎么没有声音(vivox27录屏怎么把声音录进去)

    vivox27录屏怎么没有声音(vivox27录屏怎么把声音录进去)

  • 手机语音有回音怎么办(手机语音有杂音滋滋咋回事)

    手机语音有回音怎么办(手机语音有杂音滋滋咋回事)

  • 苹果xr怎么不会自动锁屏(苹果xr为什么不会震动了)

    苹果xr怎么不会自动锁屏(苹果xr为什么不会震动了)

  • 华为nova5pro有红外吗(华为Nova5pro有红外吗)

    华为nova5pro有红外吗(华为Nova5pro有红外吗)

  • 苹果xs支持双卡吗(苹果14支持双卡双待吗)

    苹果xs支持双卡吗(苹果14支持双卡双待吗)

  • linux中gedit文本编辑器怎么设置自动保存文件内容?(linux中gedit命令)

    linux中gedit文本编辑器怎么设置自动保存文件内容?(linux中gedit命令)

  • player.exe进程是什么意思 player进程查询(player windows)

    player.exe进程是什么意思 player进程查询(player windows)

  • 无偿使用房产需要交哪些税
  • 房屋买卖收税
  • 什么是增值税发票图片
  • 房地产项目公司是什么意思
  • 税务ukey使用教程视频
  • 企业对外付汇怎么入账
  • 资产处置损益是营业外收入吗
  • 幼儿园个税怎么交
  • 中药饮片增值税税率
  • 公司买大米怎么做账
  • 申报查询里面找不到才申报的个税
  • 电子税务局税种核定怎么操作
  • 航空运单可以作为提货凭证吗
  • 售后回租利息和租金区别
  • 隔月的发票冲红了税怎么办
  • 法人投资转入旧机器无发票怎么入账?
  • 旅行社开具发票
  • 增值税发票进项抵扣是什么意思
  • 工程款税款税率
  • 2017小规模纳税人标准
  • 酒店会计账务处理及税务申报
  • 房地产公司需要和哪些部门打交道
  • 股东借款利息计入利润表哪个科目
  • 公司邀请外国人来华邀请函模板
  • 海关增值税发票双抬头
  • 超过三年的坏帐损失税前扣除怎样规定?
  • 建筑服务简易征收可以开专票吗
  • 收取拆迁补偿费会计分录
  • 如何升级mac系统到10.12
  • 待清算专户
  • 空头支票怎么办
  • win10右键显示设置打不开怎么办
  • window10设置wifi热点
  • 只交社保不发工资可以吗
  • unity默认存储路径
  • 零售企业退货分录
  • 职工教育经费会计准则最新规定
  • 企业需要税务登记吗
  • matlab绘图总结
  • php是面向对象编程吗
  • thinkphp3.0
  • 工具人
  • php求日期差
  • 前端程序员和后端程序员哪个工资高
  • 功能强大的词语
  • php设置header参数
  • 企业利息支出怎么算
  • 个体工商户在哪开电子发票
  • 企业对外担保代偿能否税前扣除 税务局
  • 无租房合同可以贷款吗
  • SQL Server 2000向SQL Server 2008 R2推送数据图文教程
  • sql 存储过程语句
  • 银行承兑汇票是什么意思
  • 付出对价的公允
  • 个人所得税计入应付职工薪酬吗
  • 临时工工资无发票可以扣除吗
  • 白条该如何处理好
  • 电商刷单返现如何做账务处理合适?
  • 广告被罚
  • 充话费送手机业务
  • 应交税费期初有余额吗
  • 营改增一般纳税人标准
  • 企业取得的土地使用权用于自行开发建造厂房
  • 如何当好一个农民
  • ssms连接mysql
  • Win7怎么把桌面文件迁移到D盘中
  • win10共享提示
  • svcinit.exe - svcinit是什么进程
  • windowxp音量图标没了
  • win10怎么进去
  • explorer.exe进程文件
  • win7系统连接无线鼠标
  • python写出来的程序怎么用
  • javascript程序设计教程
  • 广东电子税务局官网登录入口
  • 包装物押金收入含税吗
  • 网上报税失败什么原因
  • 税务鉴定收费标准
  • 成都市青羊区国有资产监督管理办公室
  • 江西国家税务局电子税务局官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设