【已解决】npm run serve卡死在38%的奇怪问题

问题描述: 使用vue-cli创建的项目,在npm run build生成打包产物后,再次运行npm run serve或者再次打包,都不会成功,呈现一直卡死的状态。如果是vue-cli的项目,可以在终端看到运行到38%,或者24%就不动了。

折腾半天没用之后,换成webpack5搭建,把旧项目代码拷过来,问题依然存在。 同时,配置webpack5的clean属性也没有用,清理打包插件也无效。

自从项目变成这样,每次开发必须杀掉进程,删掉打包产物,才能重新跑起来。 实在非常影响工作!!!

真是一个神奇的问题,在我的开发生涯中是第一次碰到。断断续续研究了半个月没有解决。今天终于趁着下班了可以安静思考解决了

寻思项目代码实在简单,出现这种问题的都是同事加入了echart的项目。遂研究了一下他们写的代码,果断注释下面两句以及相关代码。

js 复制代码
// import * as echarts from 'echarts'
// import 'echarts/lib/component/dataZoom'

居然好了,一切正常了。 那么到底是哪句话有问题呢,这还是得搞清楚的。我自己是不会这样用echarts,所以从未遇过如此问题。

再次厘清出现问题的场景。

第一次运行是正常的,第一次打包也是ok的,问题就出在有了打包产物后,一切就卡死了,到底是为什么呢?

以我目前对于前端构建这块的了解,估计还要花上一些时间去搞清楚。持续记录吧,如果大家知道原因,请不吝赐教!

之前看过的文章说循环依赖会引起卡死,好像也不是。

相关推荐
专业程序开发源2 分钟前
springboot高校学生社团管理系统74810-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·spring·php·课程设计
专业程序开发源1 小时前
springboot生命故事书制作小程序65290-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·mysql·小程序·课程设计
鬓戈1 小时前
Claude Code frontend-design 插件调研 与 Vue 旧系统风格一致性方案
前端·vue.js·人工智能
vx_Biye_Design2 小时前
springboot角色扮演服务平台65161-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·python·spring·课程设计
vx_Biye_Design2 小时前
springboot咖啡厅顾客点单管理系统12080-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·spring·课程设计·express
vx_Biye_Design2 小时前
springbootNBA数据分析系统平台42434-计算机课程设计、毕业设计
java·vue.js·spring boot·python·django·课程设计·express
易朵朵20 小时前
CSS 格式化上下文
css·vue.js
雪芽蓝域zzs21 小时前
第6节:远程搜索弹窗(remote 模式),弹窗滚动加载分页
vue.js·elementui
Highcharts.js1 天前
图表开发实战总结| 7 条“黄金法则”与“性能铁律”
前端·javascript·vue.js·编辑器·时序数据库·highcharts
Wx-bishekaifayuan1 天前
springboot陨石鉴收系统96265-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·python·spring·课程设计