【已解决】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的,问题就出在有了打包产物后,一切就卡死了,到底是为什么呢?

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

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

相关推荐
小毛驴85010 小时前
Vue 路由示例
前端·javascript·vue.js
TT哇12 小时前
【实习 】银行经理端两个核心功能的开发与修复(银行经理绑定逻辑修复和线下领取扫码功能开发)
java·vue.js
星光不问赶路人14 小时前
vue3使用jsx语法详解
前端·vue.js
weixin79893765432...14 小时前
Vue 组件的更新过程(编译系统 + 响应式系统 + 虚拟 DOM & Diff)
vue.js
我是伪码农15 小时前
Vue 智慧商城项目
前端·javascript·vue.js
小书包酱16 小时前
在 VS Code中,vue2-vuex 使用终于有体验感增强的插件了。
vue.js·vuex
Zhencode16 小时前
Vue3 响应式依赖收集与更新之effect
前端·vue.js
天下代码客17 小时前
使用electronc框架调用dll动态链接库流程和避坑
前端·javascript·vue.js·electron·node.js
weixin1997010801617 小时前
【性能提升300%】仿1688首页的Webpack优化全记录
前端·webpack·node.js
weixin79893765432...18 小时前
Vue 渲染体系“三件套”(template 模板语法、h 函数和 JSX 语法)
vue.js·h函数·template 模板·jsx 语法