axios请求错误处理Uncaught runtime errors:handleError@webpack-internal:///./node_modules/webpack-dev-server

news/2024/11/8 22:46:36/

项目环境:

vue3.2.13

vue-cli5.0.0

注:该问题只是出现在开发环境,打包后是不会出现的。

问题描述:

由于需要新开一个开发项目,引入必备网络请求axios及他的副手(集中处理请求及返回数据),毕竟axios和助手都是老员工,直接上手运行,哎?怎么出来个什么鬼东西,看官请看:

 之前最多的就是在控制台看到这种报错,一下子干懵逼了。

废话不多说开搞

分析:

报错信息来自请求网络时的反馈,打开控制台,追踪错误源,看到了是axios的副手,弹出来的错误信息,而这个错误并没有按照预设的机制,也就是说没有走我们的错误集中处理机制。

验证:

故意提交错误的请求参数

 好家伙更长了,哈哈,到这一步,我就大概确定了问题的位置。接下来就是搞问题,先是助手文件排查自身代码问题,ok,排查aixos版本问题,ok,到这我已经有点不知所措。喝口水,定睛一看,有个大胆的猜想,会不会是npm引用源的某些东西有更新什么的,再仔细查看报错信息,锁定到webpack-dev-server身上

正常错误机制下的package-lock.json

 全屏错误机制下的package-lock.json

对比后发现版本升级了一点点。

确定猜想:

直接粗暴的替换了package-lock.json中当前位置下的webpack-dev-server的有变化部分,完美正常显示了,报错显示在控制台,没有全屏显示了

ok确定了问题,就可以处理了

解决问题:

方案一:降级处理(按照普通降级无效,有了解的小伙伴希望能跟进下,通知我学习下)

普通降级法

(1)、npm uninstall webpack-dev-server

(2)、npm install webpack-dev-server@4.11.1

(3)、npm run dev

无效哈,我试过了,可能只是不适合我的版本,有会的小伙伴,欢迎指正下,谢谢

个人意见是,webpack自己升级了,所以新构建的话就会自动生成最新版本的web-sev-server,属于源文件吧,无法修改降级

方案二:devServer配置(此处使用的vue.config.js)

根据查询的文档配置:(无效,还是无效的话,继续往下)

 devServer: {client: {//当出现编译错误或警告时,在浏览器中是否显示全屏覆盖。  示例为只显示错误信息overlay: {errors: false,warnings: false},},},

看来我还是不适合这个配置,好,那我去追源文件

找到webpack-dev-server/client/ovelay.js,查看代码寻找handleError,果然被我找到

 继续追踪,到webpack-dev-server/client/index.js,查看options.catchRuntimeError这个是怎么传过来的

okk,试一下下

 

到这,结束了,嗯就结束了,希望能对各位看官有些启发,不足欢迎指正,嘻嘻,撒花完结,么么哒 


http://www.ppmy.cn/news/960752.html

相关文章

微软又向OpenAI狂砸100亿美元!巨头AI大棋下4年,谁是最大赢家?

视学算法报道 编辑:编辑部 【导读】AI领域群雄激战,到了2023年,微软逐渐显出了「赢家」的势头。 2023年刚开始,微软就显示出了AI领域「大赢家」的派头。 最近,大火的ChatGPT和微软之间,不断擦出火花。 微…

浪潮之巅 OpenAI有可能是历史上第一个10万亿美元的公司

淘金时代很像 如果你那个时候去加州淘金,一大堆人会死掉,但是卖勺子的人、卖铲子的人永远可以赚钱。所谓的shove and pick business。 大模型是平台型机会。按照我们几天的判断,以模型为先的平台,将比以信息为先的平台体量更大。…

【思维模型】概率思维的价值:找到你的人生算法!打开你的人生格局!实现认知跃迁!

把同样公平的机会放在放在很多人面前,不同的人生算法,会得到迥然不同的结果。 概率思维是什么? 【ChatGPT】概率思维是一种通过使用数学模型来思考和评估不确定性事件的方法。它通过计算不同可能性的概率来预测事件的结果,并评估风险和机会。 概率思维的价值在于它可以帮…

⚡【C语言趣味教程】(3) 浮点类型:单精度浮点数 | 双精度浮点型 | IEEE754 标准 | 介绍雷神之锤 III 源码中的平方根倒数速算法 | 浮点数类型的表达方式

🔗 《C语言趣味教程》👈 猛戳订阅!!! ​—— 热门专栏《维生素C语言》的重制版 —— 💭 写在前面:这是一套 C 语言趣味教学专栏,目前正在火热连载中,欢迎猛戳订阅&#…

跨越山海,爱在滇西|拓数派为滇西孩子点亮科学梦想

近日,拓数派在共青团浙江大学委员会、景东县教育体育局和景东团县委等单位指导下开展“爱在滇西”2023年公益助学活动,并携手浙大国际科创中心、浙大微纳电子学院、启真科技控股公司和北京德恒律所共同向景东浙大求是中学捐赠爱心助学金,用于…

USTC小道消息20220122

【重要数据】2021届中国科大就业报告出炉 小道消息曾在21年10月10日发了关于2020届就业数据的说说(p1),当时大家普遍对2021届的数据充满期待,想看看疫情影响最严重的一年的就业情况。前两天,就业办发布了2021届的就业报告,相对以前…

[MATLAB调试笔记]phase space plot

function hdiag plotphs(hdiag, n, jdiag,particle, prm,ren) % % phase space plot % n:速度对应的第n个分量 %npt prm.npt; %总的粒子数 cs prm.cs; vx particle.vx; vy particle.vy; vz particle.vz; x particle.x;%ren.xprm.dx %网格…

[MATLAB调试笔记]Field plot (Ex,Ey,Ez,By,Bz)

function hdiag plotfield(hdiag, n, jdiag, field, prm) % % Field plot (Ex,Ey,Ez,By,Bz) %X2 prm.X2; by0 prm.by0; ex field.ex; ey field.ey; ez field.ez; by field.by; bz field.bz;switch ncase 1f ex*ren.e; %ren.eren.x/(ren.t^2) %加速度 m prm.emax…