Vue3开发中遇到报错:内存泄漏问题处理

最新推荐文章于 2024-04-26 11:32:15 发布
最新推荐文章于 2024-04-26 11:32:15 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： 前端 文章标签： 前端 vue javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46627407/article/details/126632484
版权

业务场景

当笔者开发完一个Vue3项目，打包运行，发现浏览器报错：
意思就是内存泄漏
在这里插入图片描述

如何排查问题出处

对于打包后的报错是无法直接找到报错处的，需要在vite.config.ts文件中，新增一个sourcemap:true属性
在这里插入图片描述
然后再去点击报错处，这样就能跳转到报错出处啦
而我这里出现内存泄漏可见下图，由于逻辑造成了一个死循环，处理好这里的逻辑，最后就运行正常了
在这里插入图片描述

浪漫文艺前端程序猿
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue3.0项目,切换tree节点，内存不断增加，导致页面卡死，内存泄漏
qq_38160881的博客
05-10 343
内存泄漏、页面卡死、vue3
前端vue项目内存泄漏排查总结
SummerGao
08-01 2679
前端vue项目内存泄漏排查总结
Vue打包 内存溢出-二种方法（FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory）
最新发布
好记性，不如烂键盘。
04-26 486
【代码】Vue打包 内存溢出-二种方法（FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory）
vue内存泄露问题及处理方法
demowyz的博客
02-14 6023
vue内存泄露问题及处理方法
vue3+element plus 项目运行过程中浏览器报Out of Memory
u014678583的博客
08-15 4150
vue 项目运行过程中浏览器报Out of Memory
oracle order by效率慢_页面加载速度太慢，一招教你提升测试效率 !
weixin_39889788的博客
12-05 2022
点击上方蓝字关注我们~Hello，大家周六好呀，我是你们的软件测试大师夏日炎炎，今天大家是不是都出去水上乐园解暑了呢？大湿今天给大家带来了：页面加载速度太慢，一招教你提升测试效率1遇见问题在进行 Web 自动化测试的时候，经常会碰到一些加载非常慢的页面。这些页面加载之所以慢有很多种原因：页面本来就有非常多资源需要加载，通常是首页；页面使用了一些不是很稳定的外部依赖，比如调用了不成熟的CS...
Vue优化：常见会导致内存泄漏问题及优化
树上骑个猴的博客
01-14 2321
监听在window/body等事件没有解绑 绑在EventBus的事件没有解绑 模块形成的闭包内部变量使用完后没有置成null 使用第三方库创建，没有调用正确的销毁函数 echarts问题： 不要把chart实例赋值在this上。（this对象一直存在不会被回收） 析构掉生成的echarts对象。 //-dom 不存在时不画 if (!this.$refs.barchart) { return } //- 不要重复初始化 let Chart = echarts.getInstanceByDom(thi.
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决vue打包后刷新页面报错：Unexpected token
12-12
今天遇到了一个很怪的问题，在vue-cli+webpack的项目中，刷新特定页面后页面会变空白，报错为index.html文件中Unexpected token <。 怪点一是开发环境没有问题，只有生产环境有问题，怪点二是只有一个页面有问题...
vue使用中的内存泄漏【推荐】
12-07
今天看到一篇关于js使用中内存泄露的文章，以及chrom浏览器查看内存泄漏的方法，决定留着。本文只截取了我认为比较重要的部分，喜欢原文的小伙伴，请点击文章下方的原文链接。 什么是内存泄露？内存泄露是指new了一块内存，但无法被释放或者被垃圾回收。new了一个对象之后，它申请占用了一块堆内存，当把这个对象指针置为null时或者离开作用域导致被销毁，那么这块内存没有人引用它了在JS里面就会被自动垃圾回收。但是如果这个对象指针没有被置为null，且代码里面没办法再获取到这个对象指针了，就会导致无法释放掉它指向的内存，也就是说发生了内存泄露。为什么代码里面会拿不到这个对象指针了呢，举一个例子： //
vue开发中遇到的问题总结
10-15
在Vue.js开发过程中，开发者经常会遇到各种挑战和问题。本文将总结一些常见的Vue开发问题及其解决方案，帮助读者理解和解决这些问题。 ### 1. 子组件修改父组件的prop 问题描述：Vue警告提示"Avoid mutating a ...
解决vue项目过大导致的内存频繁溢出
weixin_46054723的博客
02-24 2122
当vue项目过大时，每次项目代码发生改变，项目很容易关闭，要重新启动，很麻烦。
Vue3+Vite+TS使用elementPlus时踩的坑
dashenfeng1的博客
06-05 978
在学习Vue3时，想使用elementPlus来绘制页面，但是根据教程导入的时候就报了一堆错，记录一下，后面几天换新电脑了估计还得走一遍。
网关0.0.0.0是什么意思_Vue 3.0 对 Web 开发意味着什么？
weixin_39765588的博客
11-28 177
去年 11 月，尤雨溪向外宣布了 Vue 3.0 的关键更新。新版本所带来的优化让 Vue 更加高效、更加模块化且更加易于使用。这篇文章将讨论这些变化，以及我认为这些变化将在 Vue 3.0 发布后给 Web 开发世界带来哪些影响。Vue 的现状Vue 是“一个用于构建用户应用程序的渐进式框架”。它的设计非常灵活，可以将单个 Vue 库集成到其他项目中，也可以完全使用 Vue 构建复杂的项目。Vu...
vue3+vite build打包内存溢出 Reached heap limit Allocation failed -JavaScript heap out of memory
qq_42152032的博客
11-11 6444
从node_modules文件夹中检索 ../dist/node --max-old-space-size=10240/cli'修改为 require('../dist/node/cli')
javascript 内存泄漏
jieweiwujie的博客
10-05 950
什么是内存泄露？内存泄露是指new了一块内存，但无法被释放或者被垃圾回收。new了一个对象之后 ，它申请占用了一块堆内存，当把这个对象指针置为null时或者离开作用域导致被销毁，那么这块内 存没有人引用它了在JS里面就会被自动垃圾回收。但是如果这个对象指针没有被置为null，且代码面 没办法再获取到这个对象指针了，就会导致无法释放掉它指向的内存，也就是说发生了内存泄露。 内存泄漏（Memory Leak）是指程序中已动态分配的堆内存由于某种原因程序未释放或无法释放，造 成系统内存的浪费，导致程序运行速度.
前端试题(四)
热门推荐
Stephy_Yy
04-25 6万+
又是新的一周 1. vue过滤器使用场景 2. v-on绑定多个方法 3. 在菜单结构不确定时，前端如何动态渲染 树形结构：深度遍历、广度遍历（递归） 4. Vue-router的钩子函数 5. Vue-router的实现原理 6. Vuex的实现原理 7. Vue-cli的自定义指令 8. keep-alive的两个属性 9. keep-alive组件 10. Vue的核心 11...
vue3项目中控制台报错：Uncaught TypeError: Cannot read properties of undefined (reading
12-16
这个错误通常是由于vue-router版本不兼容导致的。...3. 运行以下命令安装最新版本的vue-router： ```shell npm install vue-router@latest ``` 4. 重新启动你的vue项目并检查控制台是否还会报错。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值