vue项目build完毕后无法退出的问题

原创已于 2022-11-09 11:32:19 修改 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #webpack

于 2022-09-29 18:32:54 首次发布

在使用Vue2.5和Webpack2的老项目升级过程中，遇到npm run build命令执行后卡住的问题。原因是由于Node.js版本高于v15时，MessageChannel的引入导致进程无法正常退出。问题根源在于vue-template-compiler的一个判断错误。解决办法是在打包配置文件中删除全局的MessageChannel。此问题已在vue-loader的issue中讨论并提供了处理方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题情况如下

老项目使用的vue2.5+webpack2开发，最近对项目进行更新，打包时执行命令npm run build一直卡住无法退出,但它其实已经编译完毕。输出以下信息后node一直不退出:

clean-webpack-plugin: xxxx\dist has been removed.
Hash: 7afa6625dc3739ec9f07
Version: webpack 2.4.1
Time: 28829ms

node版本大于或等于v15会出现卡住的情况

原因

vue-template-compiler中有如下一段代码。由于isNative判断出错导致执行了MessageChannel那段代码，MessageChanne中port如果不close，nodejs进程不会退出的。MessageChannel 从 nodejs15开始支持。
issue: https://github.com/vuejs/vue-loader/issues/1908
在这里插入图片描述