Vue项目中npm run build 卡住不执行的几种情况(实战版)

方法一

一：比较常见是镜像导致的原因 我们可以找到build/check-versions文件 将这段代码注释,重新运行就可以解决这个问题

if (shell.which('npm')) {
  versionRequirements.push({
    name: 'npm',
    currentVersion: exec('npm --version'),
    versionRequirement: packageConfig.engines.npm
  })
}

方法二

还有一种情况比较刁钻,常见于一些多组件嵌套 例如：

组件1中 import from '@/views/compontent/popup2'

组件2中 import from '@/views/compontent/popup3'

组件3中 import from '@/views/compontent/popup1'

导致项目编译进入了死循环

项目初始之前引入组件的方式
import modelPopup from '@/views/compontent/model'
项目修改懒加载引入方式
modelPopup : () => import('@/views/compontent/model')
再次重新打包 npm run build