vue3的项目,在启用一段时间后电脑突然卡死问题

使用vue-cli项目开发运行时电脑突然卡死问题,node,npm,vue-cli

项目启动使用的命令时:npm run serve;
使用的VUE3;

项目第一版没有这个问题,出现问题是在过了一段时间之后,项目大改第二板,但是没做依赖升级,还是用的最开始的依赖;node_modules。

我用的是idea,首先我已经把软件的内存调大了,但是还是卡死,卡死所需的时间会久一点;

外部原因:公司电脑确实有点垃圾了,idea2019版启用量确实有待改进,启用其他业务(服务等某些软件)过多。

我们排出外部原因,现在来看看项目本身会存在什么原因:
经过无数次尝试,终于在任务管理器找到了端倪,下面就是罪魁祸首:

“@vue/cli-plugin-babel”: “~4.5.0”,
“@vue/cli-service”: “~4.5.0”,

导致node进程爆满,以及转至虚拟内存,也扛不住。
改成:指定版本
“@vue/cli-plugin-babel”: “4.5.0”,
“@vue/cli-service”: “4.5.0”,

改变idea2019内存大小:
找到 Help-》Change Memory Settings 然后在弹出框修改大小就行了。
其他版本是在 Help=》 Diagnostic 里面;

ps:如果你的项目中有图表等需要高计算高刷新率的元素,请优化它,或者改变实现方式,不然用着用着就卡死了。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
你好!对于Vue项目运行一段时间页面无响应的问题,可能有几个可能的原因和解决方法。请尝试以下步骤来解决问题: 1. 检查代码是否有内存泄漏:长时间运行的Vue项目可能会导致内存泄漏,特别是在使用了大量事件绑定或定时器的情况下。确保你正确地解绑事件和清除定时器,以避免内存泄漏。可以使用浏览器的开发者工具来查看内存使用情况。 2. 检查网络请求是否有问题:长时间运行的页面如果频繁发送网络请求,可能会导致页面无响应。可以使用浏览器的网络面板来检查请求的响应时间和性能。如果发现网络请求频繁或者响应时间过长,可以考虑优化请求的频率或者使用分页加载数据。 3. 检查页面渲染性能:长时间运行的Vue项目可能会导致页面渲染性能下降,特别是在复杂的组件结构或大量数据绑定的情况下。可以使用浏览器的性能面板来检查页面的渲染性能瓶颈,并进行优化,例如使用虚拟滚动加载大量数据或者使用异步组件加载复杂组件。 4. 检查浏览器兼容性问题:有些浏览器可能不支持某些Vue特性或者存在兼容性问题,可能会导致页面无响应。可以使用浏览器的开发者工具来检查是否有报错信息或警告,确保你的项目在目标浏览器上正常运行。 希望以上方法能帮助你解决页面无响应的问题!如果还有其他问题,请随时提问。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

绅士的可怖

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

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

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

打赏作者

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

抵扣说明:

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

余额充值